-
-
Hi,
I’m having problems with the menu. On the mobile it loses the main navigation and only show the links that are in the dropdown menu.
On the desktop, on one page it drops into the codeless slider area making it impossible to read. https://www.waterarthouse.co.uk/nikki_iles/pianist/
On another it sits above the slider. https://www.waterarthouse.co.uk/nikki_iles/
I would like it to sit above the slider on all pages.
I was also losing the menu when I scrolled down the page. I read the support forum and changed the menu to dark in order to sort this, but it doesn’t look great when scrolling down the page as it’s very difficult to read.
Please can you help.
https://www.waterarthouse.co.uk/nikki_iles/wp-admin/
user name:Nikki Iles
<span style=”color: #363636; font-family: Arial; font-size: 11px;”>Password: szutddYq6BTPI50v&l </span>
<p style=”margin: 0px; font-size: 11px; line-height: normal; font-family: Arial; color: #363636; min-height: 12px;”>Thanks</p>
<p style=”margin: 0px; font-size: 11px; line-height: normal; font-family: Arial; color: #363636;”></p> -
This reply has been marked as private.
-
This reply has been marked as private.
-
This reply has been marked as private.
-
Hello,
First you need to know that this is happening because you have added a lot of menu items. The width of menu now exceeds the width assigned to it inside the header and this leads to the menu being dropped down in order to find more space. Even if you had a normal menu in desktop it would have dropped down in computers with smaller screen resolution.
All you have to do now is go to General Options > Header Options > Menu Options > Menu Items Margin, decrease the values until the menu is set properly inside header area again.
I already changed it from 13px to 7px. Please check your site, it is showing ok now (screenshot).2-The sticky header: I see you have set up the sticky header background to be brown-transparent. In order for it not to keep that background when is set in normal state, i went to your home page’s General Settings > Page Options & Style > Header Color Style for Header, and set it to “Auto check“.
Do this for every other page you want it.Let us know if you need further help.
Best regards!
-
Thank you for explaining that to me, and fixing it
The other problem I have with the mobile menu not showing the main navigation, only the dropdown menu. That problem still exists.
Thanks
-
Hello,
Yes, you are right. For this i added this code into your custom css box:
@media (max-width: 676px){ .menu-small ul.menu > li > a { color: #464444 !important; }}
Edit the color to your wish. Please check your site.
Best regards!
-
You must be logged in to reply to this topic.