Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #667867

    Hall zusammen

    Das Problem in englisch zu schildern, ist schwierig. Ich hoffe, das klappt auch in deutsch. Sonst versuch ich’s dann doch in englisch :-)

    Problem:
    Das Menü nimmt die ganze Breite des Screens ein und verdeckt das Logo. Wie kann ich die Breite des Menüs steuern? zB. auf 100px?

    Danke fürs Feedback und herzlichen Gruss
    Dani

    #668062

    Hey Daniel!

    Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/. If that too does not help, no worries, please let us know so we can ask our German speaking moderators to help you.
    Also, please post a screenshot showing the issue. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here. :)

    Best regards,
    Yigit

    #668296

    Hey Yigit
    Thank you very much for the provided information. Both informations didn’t work for me. I provided you a link showing my problem on tablets (not iPad) and smartphones. The navigation shows the logo left (instead of right as on laptop) and if the navi pops up it takes the full width of the screen overlapping the logo.

    I thank you in advance

    best regards
    Daniel

    #669868

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
    .responsive #top .logo {
        float: right;
    }
    .responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle {
        left: 0;
    }}
    

    Best regards,
    Yigit

    #670037

    Hey Yigit
    Thank you very much for the provided information. Logo is no in correct position on all devices. Navigation still takes full width of the screen with overlapping the screen. Any idea? I thank you very much for helping.

    Best regards
    Daniel

    #670056

    Hi!

    Can you please post a screenshot and show the overlapping issue? I am not sure if i understood it clearly.

    Regards,
    Yigit

    #670061

    Hi

    the first link shows another website with the navigation menu not full width. the 2nd link shows my website fully covered by the navigation menu. Is it possible to reduce the width of the menu in relation to the screen size? Like 50% ?

    Thannks and best regards
    Daniel

    #671611

    Hi,

    Decrease the initial height of the mobile menu by enabling the Enfold > Header > Mobile Menu > Hide Mobile Menu Submenu Items option.

    Best regards,
    Ismael

    #671757

    HI Ismael
    Thanks for the information. I followed your steps and still the whole screen is covered by the mobile menu. Any idea?

    Best regards
    Daniel

    #672713

    Hi,

    use this code inside Quick CSS field:

    #mobile-advanced {
    width: 78%;
    }
    

    and adjust as needed.

    Best regards,
    Andy

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.