-
AuthorPosts
-
November 26, 2017 at 10:30 pm #882038
Hi,
on my site the menu is over the Logo if you make the windows smaller or see the website on mobile phone.
How can I change it?
The website is http://www.estallion.de
November 27, 2017 at 4:28 am #882088Hey Romanidse,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 1024px) { nav.main_menu { display: block !important; } .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } }You can adjust the exact screen size you want the break point at by changing the value 1024.
Best regards,
RikardNovember 27, 2017 at 10:57 pm #882380Hello Rikard,
thank you for the answer, but this solution didn’t helped. The Menu is still over the Logo.
November 28, 2017 at 11:56 am #882597Hi Romanidse,
The thing is that the there is not enough room on mobile for the search, flags, menu and cart. You have the flags in the flyout menu and so we can hide them for mobile.
If this solution is ok with you, please disable css caching plugin so that we can test css better.Best regards,
VictoriaFebruary 4, 2018 at 6:37 pm #907567hello Victoria. I’m sorry I totally forgot that I wrote you. Yes sure I will disable the BWP Minify. Yes The flags can be hidden.
Thank you.
Roman
February 5, 2018 at 6:38 am #907757Hi Roman,
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: 479px) { .av-language-switch-item { display: none; } .responsive .logo img { width: 70%; } .responsive #top #wrap_all .container { width: 95%; max-width: 95%; } #header a.wpmenucart-contents.empty-wpmenucart-visible { width: 65px; } }If you need further assistance please let us know.
Best regards,
VictoriaFebruary 8, 2018 at 9:00 pm #909934Thank you Viktoria. Its working now.
February 9, 2018 at 5:50 am #910118 -
AuthorPosts
- You must be logged in to reply to this topic.
