This topic has 1 reply, 2 voices, and was last updated 10 years by Abe.

  • Author
  • #18696

    Guys we are killing this theme over here, can’t wait to share.

    We went big with our header logo and it looks great on the site and tablets. However it is HUGE on mobile device and expands the actual menu size. Is there a custom css I can use to decrease the logo size 30% or so.

    Thanks

    #18992
     Abe
    Keymaster

    Hi,
    Great, can’t wait to see your work.
    You could use a CSS with media query only for mobile devices and set a logo size there.
    you CSS should be like

    COPY CODE
    
    /* Smartphones (portrait and landscape) ----------- */
    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) {
    /* Styles here*/
    .logo img {
        max-height: 60px !important;
    }
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    ---
    @ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

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

The topic ‘Mobile Logo Resizing’ is closed to new replies.

Log in with your credentials

Forgot your details?