Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 7, 2014 at 8:53 am #233645
    jswebdev

    I’m seeing a behavior that I didn’t expect related to the appearance of the top navigation menu. The menu appears nicely when the browser window is full size (on laptop screen with width 1366) As I reduce the width of the browser window, at a certain point I see the mobile style menu appear near the top right of the window. Then as I keep reducing the width of the browser window there’s a point where NO menu is visible. Then when I keep reducing the width of the browser window the mobile menu appears again, this time in the center of the window. I read the article at: http://kriesi.at/documentation/enfold/change-when-mobile-menu-appears/ but I’m still not sure how to fix this issue as it seems to be a bit different. My goal is to never have a browser width that would result in NO menu being visible. My site is at: http://www.got2bmoving.com
    If there is any advice you can give me to solve this I’d appreciate it.

    March 7, 2014 at 4:17 pm #233784
    Yigit

    Hi Jane!

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

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_menu_tablet .main_menu {
display: block;
}}

    Best regards,
    Yigit

    March 7, 2014 at 10:20 pm #233984
    jswebdev

    HI Yigit – Thanks for your suggestion. This works like a charm. First I see the menu on the right and then the centered menu as I make the browser window smaller. All good.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Mobile menu appearing, then disappearing, then appearing again’ is closed to new replies.