-
Posts
-
I’m using Enfold for some months now on different projects. All in all I am more than contented!
Unfortunately I am having an issue with the mobile menu for some days – as I was not very happy with the layout of the standard mobile menu, I’ve tried to follow the instructions given here. Afterwards it seems as if I would have done something wrong so I changed everything back…
Since then the mobile menu is not showing anymore! I already disabled the plugins – but the mobile menu is still not showing.
I retried following the instructions for changing the menu on mobiles. Worked fine, but still no Menu button showing …What did I wrong :( I am totally desperate since I am looking for a solution for many days…
Thanks for any reply.
Hey Elliott,
thanks for your reply. I’m gonna try this.
But I do have another question. Is it possible to change the look of the mobile menu button? We do not like the fact that the menu is “falling” in the rest of the site. Is there any possibility to make it look like it is on desktop (in the bar over the content). Furthermore I am wondering if it is possible to add the search icon in this bar over the content on mobile? I have noticed that I could add it by using a widget, by this is looking awful on desktop screen… Looking forward for your answer.Best regards from germany
Hi!
Well, there is probably not enough room for the regular menu to display on mobiles then you can use this CSS to display it instead.
nav.main_menu { display: block !important; } #advanced_menu_toggle { display: none !important; }You can append a search icon to the menu in Dashboard > Header > Extra Elements. Or are you wanting to display a regular search field? In that case it would be best to use the widget in your header, take a screenshot highlighting how your wanting to style it.
Cheers!
ElliottHey Elliott,
thanks for the reply. I have already used this css to hide the mobile menu button. We do not have many menu items (only 2) so that they could also be displayed below each other. I tried to solve this with adding the “fullwidth sub menu” on my front page. This is looking okay on mobile but I do not want to see it on desktop – other possibility would be to completely hide the header area and manually add the fullwidth sub menu region on every page… DO you have any suggestions?
Concerning the search icon – I already added it this way. It’s perfect for desktop but it is not showing up on mobile?! Same with the social profiles. First I wanted them to be displayed in the header region, but then they have not been displayed on mobile so that I had to put them above the header region. Is there no possibility to make search icon and social profiles visible even though they are placed in the main header area?
One last thing: for my logo and menu position i selected “logo left, menu right” – but the logo is not aligned with my boxed content? furthermore I added this css to have it displayed centered on mobile – but it did only work for upright screen (even not a 100% exactly) :(
I am very sorry for annoying you with that many issues.Regards, Jana
Hi!
1. Not sure I understand. Highlight in your screenshot what your trying to do here.
2. + 3. Add this to your custom CSS.
nav.main_menu, nav.main_menu .avia-menu { display: block !important; } @media screen and (max-width: 767px) { .logo { width: 100% !important; } }Regards,
ElliottHey Elliott,
ok, forget about the first paragraph. I think it is not possible what I am thinking about…
I added the code to my custom CSS and it worked fine BUT ONLY for “Logo left, Menu rIght” option!
When I switch to “Logo center, Menu below” the menu and the search icon disappear and the Logo is not even centered. Please see here screenshots attached –
In case I would use “logo left, menu right”-option – is there any possibility to reduce margins between the rows (menu items and search icon) for mobile?
Thanks a lot for the great support!
- You must be logged in to reply to this topic.