Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #324576

    Hi everyone

    I’ve recently added another column to my mega menu but it’s width change and send made the submenu longer in height. I had the perfect size and i want to keep the look it had but still i wanna add another column. Is there any css style to do this? I appreciate all the help i can get.

    Here´s how it used to look and how i need it to keep looking : http://imgur.com/0oOzqPr
    This is how it looks with one more column: http://imgur.com/kuk7mzB

    Thanks in advance

    #324824

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #324988
    This reply has been marked as private.
    #324999

    Hi!

    Which browser and OS are you using? I have checked your website on Chrome, Safari and Firefox on OS X 10.9.4 and it does look fine on my end – http://i.imgur.com/2tWSap7.png

    Best regards,
    Yigit

    #325062
    This reply has been marked as private.
    #325075
    This reply has been marked as private.
    #325080

    Hi!

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    #325095
    This reply has been marked as private.
    #325758

    Hi support team! any ideas what the problem could be?
    the megamenu looks fine with five columns, but it colapses when i add one more.

    I appreciate your help

    #326079

    Hi!

    You can change the width of the mega menu columns with this:

    #top .main_menu ul:first-child > li > ul > li, #top .main_menu ul:first-child > li > ul > li li {
    margin: 0;
    padding: 0;
    width: 200px;
    }

    Use media queries to adjust the size on different screens sizes.

    Regards,
    Ismael

    #326613

    Hi Ismael

    It worked fine on the mega menu, but now it creates a double colum on all the others drop down menus i have created. http://imgur.com/CGdXuZS

    How can i set them back to normal and still have the mega menu like it is now?

    Thanks in advance

    • This reply was modified 10 years, 2 months ago by claraelisa.
    #326770

    Hi!

    Try with this code instead:

    #top .main_menu .avia_mega_div ul:first-child > li > ul > li,  #top .main_menu .avia_mega_div ul:first-child > li > ul > li li {
        margin: 0;
        padding: 0;
        width:130px;
    }

    Regards,
    Josue

    #326821

    It worked perfectly!!!!!
    Thank you Josue, Yigit, Ismael !! thank you all guys. I’m loving this enfold template and your support has been awesome all this time.

    Keep rocking it guys ;)

    #326841

    You are welcome, glad we could help :)

    Regards,
    Josue

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