Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 2, 2016 at 10:58 pm #667867
    salalao

    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

    August 3, 2016 at 2:48 pm #668062
    Yigit

    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

    August 3, 2016 at 10:30 pm #668296
    salalao

    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

    August 8, 2016 at 3:44 pm #669868
    Yigit

    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

    August 8, 2016 at 8:48 pm #670037
    salalao

    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

    August 8, 2016 at 10:01 pm #670056
    Yigit

    Hi!

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

    Regards,
    Yigit

    August 8, 2016 at 10:11 pm #670061
    salalao

    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

    August 12, 2016 at 2:43 am #671611
    Ismael

    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

    August 12, 2016 at 8:20 am #671757
    salalao

    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

    August 15, 2016 at 3:28 pm #672713
    Andy

    Hi,

    use this code inside Quick CSS field:

    #mobile-advanced {
width: 78%;
}

    and adjust as needed.

    Best regards,
    Andy

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