Hello everyone!
I have made a Mega Menu and in one of the fields there are different columns and pages under that!
To be specific lets give you an example:
Recipes(that is in the mega menu)
Meats(tha’s a column)
Pork(page)
Beaf(page)
In my main menu I dont want to be shown the pages all the time but to be revealed by an arrow!
How can I manage this?
Thank you!
Hey nikolascook!
Can you send us a link to your page so we can take a look? You can set your reply as private if you wish.
Are you wanting the sub columns to be displayed on hover? That would be possible with some CSS.
Best regards,
Elliott
Hey!
I have a coming soon mode so i send you an image!
It’s in greek so you are not going to understand a lot!
But as you see i want to releal the pages(in brown) with an arrow from the parent page(column)! I dont want to be shown all the time..
Thank you!
Hi!
Maybe this CSS would work for you.
.avia_mega_menu_columns_4:hover .sub-menu, .avia_mega_menu_columns_3:hover .sub-menu, .avia_mega_menu_columns_5:hover .sub-menu { display: block !important; }
.avia_mega_div .sub-menu { display: none; }
If that does not work then send us a link to your page so we can take a look.
Regards,
Elliott
That doesn’t work in my case!
Take a look at my page!
Thank you!
Hi!
Should be working now. I added this to your Quick CSS.
#top .avia_mega_menu_columns_6:hover .sub-menu { display: block !important; }
.avia_mega_div .sub-menu .sub-menu { display: none !important; }
Regards,
Elliott