WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Zion theme Logo resize to be responsive (7 posts)

  1. pchhetri
    Member
    Posted 9 months ago #

    I am using a responsive theme. But I overrode the logo width size as the default was too small using child theme. However now the logo isn't responsive it stays fixed size. All i did was change the max-width to 700px instead of the default 280px.

    http://www.hindudharmacircle.org/

    Should I remove the any css pertaining to logo from the parent theme first?

  2. shinjing
    Member
    Posted 9 months ago #

    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%;
        }
        }
  3. pchhetri
    Member
    Posted 9 months ago #

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

    @media (width:auto) {
        #logo {
    
            width: 100%;
        }
        }
  4. pchhetri
    Member
    Posted 9 months ago #

    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?

  5. pchhetri
    Member
    Posted 9 months ago #

    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.

  6. shinjing
    Member
    Posted 9 months ago #

    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

  7. pchhetri
    Member
    Posted 9 months ago #

    thank you!!

Reply

You must log in to post.

About this Topic