Hello,
I want the mobile menu icon to appear on a smartphone below the logo and the icon should be centered, too.
I couldn’t find any solution yet. On my tablet, it works, but on the smartphone the toast icon is displayed to the right of the logo.
I would be very grateful for a QuickCSS snippet.
Hey webprojektdonauwoerth,
Could you post a link to the site where you want to implement this please?
Best regards,
Rikard
Hi webprojektdonauwoerth,
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) {
#top #header_main_alternate {
display: block;
top: -50px;
}
.av-logo-container #avia-menu {
display: none;
}
.responsive #top .logo {
margin: 0 auto;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks for your help.
When I open the menu, the close button is overlapping the menu links. Is there any way to fix this?
Hi,
How would you close the menu otherwise? Can you screenshot the issue?
Best regards,
Jordan Shannon
I used the code:
@media only screen and (max-width: 767px) {
#top #header_main_alternate {
display: block;
top: -50px;
}
.av-logo-container #avia-menu {
display: none;
}
.responsive #top .logo {
margin: 0 auto;
}
}
Now the menu is displayed twice. How can I fix this?
Hi,
I’m not seeing the menu twice. Was this resolved?
Best regards,
Jordan Shannon