Forum Replies Created
-
Posts
-
Thank you Ismael
With the background works.
With the position no, and this what is happening:When using all the code the burger menu icon does not show anymore on mobile.
When using only this part:
@media only screen and (max-width: 989px) {
#mega-menu-wrap-avia .mega-menu-toggle {
position: absolute;
right: 0;
top: -50px;
}on mobile looks good, the burger menu is near the logo in the right side. BUT on desktop it moves the whole content to the right, i mean the website gets aligned to the right.
Hello Ismael
Found some documentation and tried this:
@media only screen and (max-width: 989px) {
.responsive #top #wrap_all .main_menu,
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
display: none !important;
}
.responsive #header_main_alternate,
.responsive #top #wrap_all #header_main_alternate .main_menu,
.responsive #top .av_mobile_menu_tablet #header_main_alternate {
display: block !important;
position: relative;
}
.responsive .av-burger-menu-main,
.responsive.html_mobile_menu_tablet .av-burger-menu-main {
display: none !important;
}
}
Added into Quick CSS
Now it seems to work on mobile also but is full width.
Can you help me with the adjustments needed to have only the burger icon?Hello elfuego1340
Did you solve your problem with that?
I have the same situation on my side. Disabling “Javascript file merging and compression” it solve the issue but the website is slower.
Maybe you can share your solution.Thank you.
Hello Ismael. Dropped the link in private area.
Will set now logo left and menu below to be able to see the issue on mobile.
