Tagged: Burger Menu, colour, main-menu, mobile view, responsive
Hi there,
The website I created looks great on a desktop, but am having a few problems with the view on mobile: http://qxy.6a3.myftpupload.com/
I will pop another question on a new thread, but below is the first one:
– The hamburger menu overlaps the logo, and logo is left aligned (rather than centered)? I have tried over a dozen suggestions from the forums on this topic (seems a popular request) and none appear to be working on my end.
– When the menu does flies out, it is still in the demo blue, although I have changed all colours to brand colour.
Any suggestions would be appreciated.
Thanks, Kristin
Hey Kristin,
Please try the following in Quick CSS under Enfold->General Styling:
li.av-burger-menu-main {
float: right;
}
The background is grey on my end, please try loading the page in an incognito or private browser window, if you can’t see that on your end.
Best regards,
Rikard
Thanks Rikard,
I can’t see that the above code added into the CSS has made a change to the menu location. It still sits on top of the logo?
Let me know if there is perhaps something else that I could try.
Cheers
Kristin
Hi,
It looks fine on my end now, the CSS I sent is applying. Please try loading the site in an incognito or private browser window, to see if that helps.
Best regards,
Rikard
Hi Rikard,
Thanks, yes this looks fine now. You can close this thread.
Cheers Kristin
Hi Kristin,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko