-
AuthorPosts
-
August 2, 2016 at 10:58 pm #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
DaniAugust 3, 2016 at 2:48 pm #668062Hey 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,
YigitAugust 3, 2016 at 10:30 pm #668296Hey 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
DanielAugust 8, 2016 at 3:44 pm #669868Hi,
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,
YigitAugust 8, 2016 at 8:48 pm #670037Hey 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
DanielAugust 8, 2016 at 10:01 pm #670056Hi!
Can you please post a screenshot and show the overlapping issue? I am not sure if i understood it clearly.
Regards,
YigitAugust 8, 2016 at 10:11 pm #670061Hi
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
DanielAugust 12, 2016 at 2:43 am #671611Hi,
Decrease the initial height of the mobile menu by enabling the Enfold > Header > Mobile Menu > Hide Mobile Menu Submenu Items option.
Best regards,
IsmaelAugust 12, 2016 at 8:20 am #671757HI Ismael
Thanks for the information. I followed your steps and still the whole screen is covered by the mobile menu. Any idea?Best regards
DanielAugust 15, 2016 at 3:28 pm #672713Hi,
use this code inside Quick CSS field:
#mobile-advanced { width: 78%; }
and adjust as needed.
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.