-
AuthorPosts
-
September 22, 2019 at 2:00 pm #1140632
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.
September 23, 2019 at 9:01 am #1140880Hey webprojektdonauwoerth,
Could you post a link to the site where you want to implement this please?
Best regards,
RikardSeptember 23, 2019 at 9:12 pm #1141117This reply has been marked as private.September 25, 2019 at 12:12 pm #1141766Hi 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,
VictoriaSeptember 25, 2019 at 2:44 pm #1141825Thanks for your help.
When I open the menu, the close button is overlapping the menu links. Is there any way to fix this?
-
This reply was modified 6 years, 1 month ago by
webprojektdonauwoerth.
September 25, 2019 at 5:50 pm #1141887Hi,
How would you close the menu otherwise? Can you screenshot the issue?
Best regards,
Jordan ShannonOctober 8, 2019 at 7:04 pm #1146238I 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?
October 8, 2019 at 11:15 pm #1146296Hi,
I’m not seeing the menu twice. Was this resolved?
Best regards,
Jordan Shannon -
This reply was modified 6 years, 1 month ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
