My logo in the mobile version of the site becomes too small. So I tried to change the min-width but the logo becomes no longer centered. Can you help me to enlarge the logo for the mobile version of the site?
So you have proper classes. If you didn't make any other CSS changes then it should be fine without modifications. However there is set by default max-width: 100px; for this size of screen. Please remove your CSS that you have added for logo and use this instead:
@media only screen and (max-width: 460px) { /* HEADER */ #logo img{ max-width: 200px; } }
Comments
With kind regards.
Help me.
Thank you.
Tancredi
Too bad I can't see it live, cause then I could see what styles interfere with your logo.
Try this custom CSS, but it probably wont work in your case: If you know how to use firebug then please tell me what classes you see in element
<header id="header">
.With kind rergards.
This is the class:
header id="header" class="sticky header-centered-logo bg-cover with-search"
Please let me know.
Thank you.
Tancredi
max-width: 100px;
for this size of screen. Please remove your CSS that you have added for logo and use this instead: Hope that helps.With kind regards.
Best regards.
Tancredi