-
AuthorPosts
-
March 14, 2016 at 1:31 pm #597695
Hi!
I don’t want to display the• Secondary Menu
• Fullwidth Sub Menuon tablet AND mobile version.
How can I manage this ?Cheers,
DanielaMarch 14, 2016 at 10:11 pm #598007Hi Daniela!
Thanks for reaching out to us!
Go to the Enfold theme options, then to Header -> Mobile Menu tab. The settings there can be adjusted to hide the full menu on mobile devices including tablets and even to remove the sub menu.
Let me know if I misunderstood your question or if you need anything else.
Regards,
JordanMarch 14, 2016 at 11:27 pm #598027Hi Jordan,
no, there is not such a possibility in the Header Theme Options.
I think you didn’t had a look at the website or screen I had attached.
I was wondering if there is a better solution in CSS to fix this than I did it – see code below./* ---- Don't display secondary Menu on mobile ---- */ @media only screen and (max-width: 1280px) { .breadcrumb.breadcrumbs.avia-breadcrumbs, .av-submenu-container, nav.sub_menu { display: none !important; }} /* ---- Don't show "Startseite" when screen is small @ main menu ---- */ @media only screen and (max-width:1280px) { nav.main_menu #menu-item-3345 span.avia-menu-text { display: none !important; }} /* ---- Don't display Main Menu ---- */ @media only screen and (max-width: 940px) { .html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide { display: block; } .responsive .av_mobile_menu_tablet .main_menu { display: none; } .html_mobile_menu_tablet #mobile-advanced { display: block; }}
- This reply was modified 8 years, 7 months ago by Magnolia.
March 18, 2016 at 4:30 am #600047Hi,
Sorry for the late reply, I don’t see any problems with the CSS you are using. If it works I would roll with it :-)
Best regards,
RikardMarch 18, 2016 at 12:05 pm #600237Hi Rikard,
unfortunately I can’t solve my problem with that CSS – this means the the => secondary menu and the => Fullwidth Sub Menu still appears on tablet.
I repeat it:
=>>> I don’t want to display the
• Secondary Menu
• Fullwidth Sub Menuon tablet (!) AND mobile version (!!!)
(see the screenshot I had attached in the private area)
Please HELP!
March 23, 2016 at 3:23 pm #602554Hi!
Sorry for the late reply!
Please try adding following code to Quick CSS
@media only screen and (max-width: 1024px) { .av-submenu-container, #header_meta { display: none !important; }}
If that does not help, please create a temporary admin login and post it here privately.
Best regards,
YigitApril 24, 2016 at 2:01 am #620724Sorry for the late reply!
THIS was what I was looking for! Thank you Yigit so much!!!:)
April 24, 2016 at 12:22 pm #620781Hey!
Glad we could help! FYI we have put together some useful info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/
Regards,
Vinay -
AuthorPosts
- The topic ‘Don't display menu on tablet & mobile version (responsive)’ is closed to new replies.