Reponsive menu under the logo

  • Resolved Atrofia

    (@atrofia)


    11 years, 8 months ago

    Hi, you’re theme is really cool so thank you very much..but i’m a beginner with wordpress and css, so i have a problem; I do a child theme for resize the logo and it works, but now, when I resize browser window the responsive menu go under the logo…so I thought…how can I add padding to the responsive menu? How can i replace the logo with another
    smaller logo when i resize browser window? thank you for attention

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    11 years, 8 months ago

    Thanks for the kind words 🙂

    Can you share a link to your site? Once I get a chance to check it out, I’ll be able to post the CSS here to fix it.

    Thread Starter Atrofia

    (@atrofia)

    11 years, 8 months ago

    Oh sorry, i’m working on localhost. I try to explain: my logo is a 5000×500 image; in the childtheme I follow your trick so:

    .site-title img {
    max-width: 5000px;
    max-height: 100px;
    }
    @media all and (min-width: 800px){
    .site-title img {
    max-width: 800px;
    max-height: 250px;
    }
    }

    When i resize the browser, untill the menu change, i try to open “hamburger” menu; in the menu i have 3 voices, the higher voice remains under the logo…
    I hope it is more clear, otherwise it doesn’t matter, I will try to solve.

    Theme Author Ben Sibley

    (@bensibley)

    11 years, 8 months ago

    Okay, I think what you’re looking for is the toggled class.

    When the hamburger icon is clicked on, a toggled class is added to site-header. This means you can style the logo differently when the mobile menu is open.

    For example, this would hide the logo when the mobile menu is open:

    .toggled .site-title img {
  opacity: 0;
}

    And this would make it smaller:

    .toggled .site-title img {
  max-width: 50px;
  max-height: 50px;
}

    I hope this helps, sorry if I’ve misunderstood!

    Thread Starter Atrofia

    (@atrofia)

    11 years, 8 months ago

    Thanks!!!! it works. I’m too happy =D

    Theme Author Ben Sibley

    (@bensibley)

    11 years, 8 months ago

    Excellent! Glad I could help 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Reponsive menu under the logo’ is closed to new replies.