-
AuthorPosts
-
April 30, 2018 at 9:18 am #948883
Is it possible to hide the main menu on mobile? I just want the custom menu to show on the mobile.
April 30, 2018 at 9:51 am #948918Hey limedrop,
The below code will hide the default Enfold menus.
Please try adding the below CSS code in Quick CSS under Enfold > General Styling
/* Activate burger menu */ @media only screen and (max-width: 1224px) { #top #header .av-main-nav > li.menu-item { display: none!important; } #top #header .av-burger-menu-main { display: none!important; }}If you still have an issue please provide a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
VinayApril 30, 2018 at 9:57 am #948930Thank u for your quick response. The linke is
Now the main menu is gone on mobile, but the container is still there….I need to remove that as well.
See on mobile viewTherese
May 1, 2018 at 7:22 am #949395Hi Therese,
I’m not sure what you mean by that, do you want to remove the header? If so you can set that in the Layout menu on the page in question. If not then please try to explain a bit further or post a screenshot highlighting your intentions.
Best regards,
RikardMay 1, 2018 at 10:59 am #949475This reply has been marked as private.May 1, 2018 at 1:13 pm #949518Hi,
The below code will hide the logo area in mobile.
@media only screen and (max-width: 767px) { .responsive #top #wrap_all .av-logo-container { padding: 0; display: none; }}To upload a screenshot/mockup please use imgur.com and share the link here :)
Best regards,
VinayMay 2, 2018 at 11:55 am #950002This reply has been marked as private.May 3, 2018 at 4:59 pm #950928Hi limedrop,
Glad that Vinay helped you. :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Hide main manu on mobile’ is closed to new replies.
