Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 23, 2013 at 2:10 pm #28325
    nelinda321

    I absolutely love this theme, but this is the one problem I can’t seem to resolve. I have two websites using Enfold (drjenna.net and horsestreat.com). On the drjenna.net site I am having issues with the menu overlapping the logo as the window is made narrow and on iPad portrait. Horsestreat.com the menu completely disappears when viewing in iPad portrait mode. I’ve searched through this forum and tried some of the suggested CSS fixes as well as the modifying the .js file, and none have worked.

    Please help!

    August 24, 2013 at 5:01 am #137232
    Ismael

    Hi,

    Add this on your custom.css or Quick CSS:

    This is for http://drjenna.net/:

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

    
.menu-main-menu-container {
    
margin-right: -40px;
    
}
    
}

    The menus http://horsestreat.com/ looks ok.

    http://responsinator.com/?url=http%3A%2F%2Fhorsestreat.com%2F

    Regards,

    Ismael

    August 31, 2013 at 2:44 am #137233
    Khun_Leigh

    Hi Ismael,

    I am having the same two problems with my site too. I tried adding the code above but it the problems still occur.

    Is there something else I can try?

    Kind regards,

    Leigh

    August 31, 2013 at 4:17 pm #137234
    Ismael

    Hey,

    The code above should work for the overlapping menu issue. Please remove browser cache then reload the page. If you have a cache plugin, please flush the settings. FYI, there is still no fix on instances where you rotate the iPad from landscape to portrait mode.

    Regards,

    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu overlaps logo and disappears on iPad’ is closed to new replies.