[Resolved] Responsive Menu

[Ingrid Wildschut]

The menu works fine on a computer but when i make the screen smaller or i’m looking on the site with a mobile the menu is not working i see the menu but is not clickable.

http://www.heidehal.nl

[Tom]

Did you add this code to the site?:

<script>
      jQuery(document).ready(function( $ ){
            $("#right-sidebar").stick_in_parent();
      });
</script>

It’s causing a javascript error which is stopping the mobile menu from working.

[Ingrid Wildschut]

Yes it’s working now.

[Tom]

Great 🙂

[Bruna]

My menu is also not clickable in a mobile, doesn’t show the items.

Should I add the same code? Where exactly? x_x

Thanks! 🙂

http://nourjournal.com/en/

[Tom]

Bruna, this is happening because you’ve fixed the menu to the bottom of the site, so your mobile menu is still dropping down but is hidden.

This might help, but will still most likely need some tweaking:

@media (max-width: 768px) {
    .main-navigation.toggled .main-nav>ul {
        position: absolute;
        bottom: 40px;
        background: #222;
        width: 100%;
    }
}

[Bruna]

I should have thought about that… I feel dumb!

Thanks a lot Tom, that was very kind 🙂 x

[Tom]

Happy to help! 🙂

[Joseph]

Hey Tom,

I see that you have helped some other members out with a similar problem, not sure what my problem is with the menu. In a nut shell it wont drop down on 2 sites that i have built but works well on others with this theme.

Can you look at this for me and please provide a solution.

Thanks Joe

[Tom]

Hi Joe,

Any chance you can start a new topic and link to the site that isn’t working?

Thanks!

[Author]

Posts