Archived topic
smaller logo on mobile
3 replies · Started by Jos on November 26, 2018
Hi,
On a site i am working on my client wants the logo to be smaller on mobile.
I used elements to get a nice header on the normal pages. But on the homepage i used somewhat the same settings, only without a h1 text in the header. This way the slider i made in Elementor gets behind teh navigation.
A fiew questions about this:
1 How can i make the logo smaller on just mobile? In the slider.
2 I like the way it looks on mobile and tablet, but would like the logo smaller.
3 If i use the method in wich the logo shrinks to the left on mobile I find the logo to small. Can I change this.
A lot of questions. I hope you can help me.
Greets,
Jos
Hi there,
try this CSS:
@media (max-width: 768px) {
.site-logo {
max-width: 100px; /* adjust size */
}
}Thanks David,
Looks much better!
Greets,
Jos
Awesome - glad to be of help
