Increase logo size on mobile

[Fabulo]

Hi,
how can I increase the logo size in the following website? In mobile version it appears too small.

http://www.la-notizia.net/

[JeroenR]

Your .site-branding DIV has a max-width of 43%. Maybe you can set that to a higher percentage using a media query for mobile?

[Fabulo]

Hi JeroenR,
thanks for your reply.

In my style.css file there only the DIV, but not that max-width of 43%.

I’ve tried to add the following code to Custom CSS, but it doesn’t work:

@media (max-width: 767px) {
.site-branding {
max-width: 73%
}
}

[JeroenR]

The style is set in a style element in de header with the id wp-custom-css.
In there you can find the line .site-header .site-branding {max-width: 43%;}
You can probably override it by setting the selector to .site-header .site-branding in your media query to make it as specific as in the style element described above.
And make sure that your custom stylesheet is called last.

[Fabulo]

Thanks JeroenR, it works.

For those who have the same problem, here’s the solution:

@media (max-width: 767px) {
.site-header .site-branding {max-width: 75%;}
}

[Author]

Posts