Tagged: mobile menu
Hi,
I only have three main pages, plus home page and I was wondering if I could have each menu option stacked on top of each other but visible on mobile view as for tamarridgeapartments.com.au.
Is there a quick css solution to achieve this?
Thanks,
Louise
Hi Louise,
It looks like you are not running one of our themes, we would need to inspect the page in question to be able to give a CSS solution. Could you activate Enfold so that we can have a look at it please? Send us and admin login in private so that we can have a closer look.
Best regards,
Rikard
Definitely running Enfold but the URL of my site is tasvistas.com.au. Tamarridgeapartments.com.au is a competitor and uses the mobile menu that we want.
Is this achievable on Enfold on our site of tasvistas.com.au?
Sorry for the confusion.
Thanks,
Louise
Hi Louise!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
display: block;
}
#top #wrap_all .av_header_transparency {
background: transparent;
}}
Regards,
Yigit
Thanks – almost there – I would like to stack the menu items and center align them including the logo. Appreciating your help as always!
Louise