Dear support,
i don´t want to show the burger menu on mobile. I want the same menu as the desktop-menu (I have one menu-item only). Is this possible?
I have chosen: logo centered, menu below
Hey dondela,
Yes, this should be possible. Please try to add this css code and toggle the file compression settings.
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.responsive #top .av-main-nav .menu-item-avia-special {
display: none;
}
.responsive #header_main_alternate {
display: block;
}
.responsive #top .av-main-nav .menu-item {
display: block;
}
}
Best regards,
Ismael
Thanks Ismael,
that worked :-) One more thing. The logo is not really centered, it is a little bit to much on the left side. How can i center the logo on mobile view?
Hi,
No problem. To adjust the logo, you can place this code inside the css media query in the previous code above.
.responsive .logo {
text-align: left;
}
Best regards,
Ismael
Hey Ismael,
i attached a screenshot with my problem. I want to place the logo centered in the middle. Right now it is a bit to much on the left side in mobile view.
I am using this code but it is still not really centered:
.responsive .logo {
position: relative;
display: block;
width: 100%;
text-align: center;
}
}
Hi,
Thank you for the link to your site and the screenshot, please try this css:
@media only screen and (max-width: 767px){
.responsive.html_header_top.html_logo_center #header_main .logo {
margin: auto;
}
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi Mike,
thank you for your help, that’s it!
Best regards Dondela
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike