- This topic has 2 replies, 2 voices, and was last updated 11 years, 2 months ago by
.
-
Posts
-
-
Hi Kevin,
When I have a larger logo (in width) and I look at my site on my phone for instance, the logo turns so small, that it’s almost unreadable.
I’ve tried changing this with css, but it still doesn’t look good.
<code>#theme-logo img {
max-height: 100px;
max-width: 50%;
}#site-navigation{
max-height: 110px;
}#theme-menu-main {
margin-top:10px;
}</code>
Please try it out or take a look at my site.Thank you.
Regards,Chantal
-
Hi Chantal,
I see the proportions of your logo (which are a bit unusual) are something we might not have taken in consideration when building the theme. The logo size in responsive mode is being set to a certain maximum width with the height scaling to it accordingly. That max width we chose was 50px I believe and with a logo of that aspect ratio that leads to a very small logo indeed.
You might want to take a look at the CSS for the smaller screens (style.css line 2479) Try augmenting that max-width there.
We normally don’t take free support to a code-level but as I stumbled upon this I figured I’d share it with you.
Hope it helps
Kevin
-
-
- You must be logged in to reply to this topic.