Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #295692

    When enfold is viewed on a tablet (landscape) the logo and main nav work fine. However, when you turn the tablet (iPad) to the portrait angle (tall, not wide) the menu gets covered by the logo because of the limited width? Is there anyway control for when the mobile menu is activated based on viewport size? Any suggestions would be appreciated.

    Thank you.

    #295693

    i’ve had this problem on multiple sites. the solutions are as follows (for logo left / menu right):

    1. make sure your logo is no wider than 340 – smaller if possible
    2. make sure your nav is as SMALL as possible – short words, only a few of them
    3. turn on mobile menu for phones/tablets – header layout > mobile menu > pulldown to the combo setting

    that should help.

    #295698

    See also my thread here.
    http://www.kriesi.at/support/topic/problem-with-menu-overlapping-logo-menu-disappears/

    The moderators mostly suggest to tackle the problem on a CSS level. It didn’t work for the longest time but was by the end. It allows you to control the point at which wideness of menu or skinniness of viewport trigger display of a smaller mobile-type menu.

    It’s still not a great solution — none of them are — because when the end user changes the menu (say, adds a new menu item), the CSS has to be manually modified to match :-/

    #295810

    Hi!

    Thank you for using the theme.

    @klondlike: Do you mind if we take a look at the actual website?

    @charger70: Thanks for helping out. Appreciated. :)

    @snackd: You can tackle this via javascript but it will require a bit of modification which falls beyond the scope of support. Please hire someone to do it for you. Thank you for your understanding.

    Regards,
    Ismael

    #295984
    This reply has been marked as private.
    #296544

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 989px) {
    .main_menu, #header_main_alternate{display:none;}
    .container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
    #mobile-advanced{display:block;}
    }
    

    Cheers! 
    Josue

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.