-
Posts
-
Hi,
With the new update the mobile menu now overlays on top of the logo and easy slider that is the first element on the page. I have spent an hour trying to correct this but haven’t been able to. I work on a boat that is away from phone reception for the better part of the week.. Could you please go into my WP Admin and make the menu look like it did before. It was simple and neat. I have a second Enfold website that I can hopefully update from your changes. Hopefully its just checking boxes on the new Main Menu tab in Theme Options. Its set up in the same way.Screenshots of mobile and admin details are attached.
Thank you – Susi
Hey susizimm,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) { .main_menu .page_item, .avia_mega.menu.av-main-nav>li:first-child { display:none; } .responsive #top .av-main-nav .menu-item-avia-special a { line-height: 80px !important; } }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
Thank you but it didn’t work in the Quick CSS and I’m not sure I found the custom.css file. In the Themes / Editor I went to the Child Theme (is this right) and could only see Styles.css – I tried the code there but it did not work. I then went into Themes/Enfold Child/ and clicked the Customize button then the Additional CSS Tab which then says you can add your own css ….. I tried the code here but it did not work either. Can you help me find the Custom.css file ?? And am I supposed to be using the Enfold Child or just Enfold?
Susi
Hi,
I added Victoria’s code to your Quick CSS and cleared my cache and it worked. But the it points to a menu issue you have which is the desktop menu you show on your site is not listed in your menus, so it will not show in your mobile menu.
I believe that the main menu is from your parent theme, because the only menu in your child theme is the “socket memu” Please recreate your main menu and save as “main” and then go to Menu > Manage Locations tab and choose it as your main menu so it will show in your mobile menu.Best regards,
MikeMike,
Thanks for the quick comeback (it works on my phone now too) and the link to clearing the cache. I was confused clearing the cache. I didn’t know if you had to do it on your phone. But I assume you do it on the laptop. I had tried it. On my Safari screen rather than say ‘Remove all website data’ it says ‘Manage Website Data’ and there is nothing in that box. I had clicked in Safari under the Develop Tab/Empty Caches …. don’t know if that is the same thing?
I see what you mean re the Main Menu and I’m not that WordPress savy so I just created what worked initially. I will go into Appearance/Menus/Create New Menu and save as you say. Hope it works.
Thank you – Susi
Hi,
I have changed the Main Menu as suggested and it looks like it works. Just one quick question ….. There is an orange bar/line under the active page menu heading. I can’t find where to change that (have tried to find a solution on other support threads). Its looks ok on the Hover but the bar/line looks like it is just floating when you look at especially the Home page menu. http://discoveryjourneys.com
Im thinking this can be solved easily ??? else should I open a new thread? I’ll be back at work on a boat tonight and out of phone service for a week.
Susi
Hi,
I’m glad to help :)
as for the menu item line Try this code in the General Styling > Quick CSS field:.header_color .avia-menu-fx {background-color: transparent!important; }this will make transparent, or you can change that word with a color, for example white is #fff
Best regards,
Mike
- The topic ‘mobile menu after update overlays on logo and easy slider’ is closed to new replies.