HOME › WordPress Support › Aziza WordPress theme › Logo responsive

This topic contains 2 replies, has 2 voices, and was last updated by  Chantal 1 week, 5 days ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #13345

    Chantal
    Participant

    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

    #13356

    kevin(Staff)
    Key Master

    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

    #13359

    Chantal
    Participant

    Thank you so much!!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Close
WANNA KNOW WHAT'S COOKING?
Stay tunend, we'll keep you posted!

Twitter

Facebook

Google+