Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 5, 2013 at 2:46 pm #29074
    qsiu

    Hi,

    I’m using Enfold theme and I am having an issue with the responsive menu. At some point the standard menu is overlapping with the responsive one. You can have a look here, so you get a better idea of what I am talking about: http://awesomescreenshot.com/0601okye5a

    By the way, if I make the screen narrower, everything works fine.

    Any idea on how can I solve this?

    Many thanks,

    Martin

    September 6, 2013 at 3:24 am #139639
    Ismael

    Hey,

    You can add this on your custom.css or Quick CSS:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    
.responsive .main_menu ul:first-child > li > a {
    
padding: 0 8px;
    
font-size: 12px;
    
}
    

    
.logo.bg-logo {
    
width: 200px;
    
margin-top: 20px;
    
}
    
}

    You can adjust the size of the logo.

    Regards,

    Ismael

    September 9, 2013 at 3:51 pm #139640
    qsiu

    Hi Ismael,

    Thanks for your reply.

    However, my issue is not the logo… The problemis that the main menu is not disappearing when the responsive menu is activated.

    Regards,

    Martin

    September 10, 2013 at 9:22 am #139641
    Yigit

    Hi Martin,

    Can you post the link to your website please?

    Regards,

    Yigit

    September 10, 2013 at 11:00 am #139642
    qsiu

    Sure, it’s http://www.iu.qs.com

    Here’s a screenshot where you can see the problem: http://awesomescreenshot.com/0601okye5a

    Basically, I need the main menu to disappear when the responsive menu comes up.

    Thanks,

    Martin

    September 10, 2013 at 11:12 am #139643
    Yigit

    Hi,

    Please add following code to Quick CSS that is in Enfold theme options under Styling

    @media only screen and (max-width: 1016px) { div.main_menu { display: none!important; } }

    This will hide menu on screens smaller than 1016px.

    Regards,

    Yigit

    September 10, 2013 at 11:26 am #139644
    qsiu

    It worked brilliantly.

    Many thanks!

    Martin

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Main and responsive menus overlapping’ is closed to new replies.