Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #542543

    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!

    • This topic was modified 8 years, 4 months ago by nikolascook.
    #542629

    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

    #542634

    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!

    #542709

    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

    #542757

    That doesn’t work in my case!
    Take a look at my page!
    Thank you!

    #543760

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.