Support » Themes and Templates » Zion theme Logo resize to be responsive

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi Pchhetri,

    To fix your logo responsive problem, you can add this code to your child theme style.css file:

    @media (max-width: 977px) {
        #logo {
    
            width: 100%;
        }
        }

    hello i tried this and it didn’t work. but the modified version did:

    @media (width:auto) {
        #logo {
    
            width: 100%;
        }
        }

    okay looks like this only worked in the computer (when I drag the page window and shrink it to be slim) but not on my android browser.

    any ideas for having it work on the other devices such as ipad, iphone, android phone etc?

    Huge apology @shinjing your code actually does work. I was to hasty to judge and it seems I had failed to clear my browser’s cache.

    Could you tell me the process behind this code? Thanks!

    And sorry again.

    Hi Pchhetri,

    the code i gave before is a conditional code based on screen size. max-width: 977px the size of tablet pc.

    so, any screen size which lower than 977px of width will load this css code

    thank you!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Zion theme Logo resize to be responsive’ is closed to new replies.