hi guys
why does this css not work
@media only screen and (max-width: 1106px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block!important; }
nav.main_menu { display: none!important; }
}
On the site http://176.32.230.21/whitesidetaxis.co.uk/
I’m trying to stop the logo overlapping with the site nav and to do this im trying to have the mobile toggle menu implement at any width below 1106
Hi codecreative!
Please create a temporary admin login and post it here privately so we can look into it.
Regards,
Yigit
hi find attached
Hi!
I moved the code to top of Quick CSS field and now it is working fine. Please review your website
Best regards,
Yigit
Hi Yigit
Interesting I did try this myself. And I didn’t see a difference. What I have noticed is on the home page on mobile view the menu toggle button doesnt sit right its hidden under the top bar but only on the home page can you see this as well at your end?
Hey!
Please add following code to Quick CSS as well
.home a#advanced_menu_toggle {
top: 40px;
}
Cheers!
Yigit
hi that is great but why did this happen to begin with?
Also if you scroll to the right its annoying as it shows the entire toggle menu the screen should be locked down shouldn’t it?
Thanks so much for your help. Do you like the site we’ve spent a lot of work on it
Do you like the hosts Flywheel for wp enfold hosting?
Anything you can recommend I can modify to speed up the site?
Hi!
1.) You should not see the toggle or mobile menu when you swipe the screen to the left. Make sure that you have the latest version of the theme which is 3.2.2.
2.) Install cache and minify plugins to speed up the site.
https://wordpress.org/plugins/w3-total-cache/
Cheers!
Ismael