Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 24, 2014 at 7:46 pm #324576
    claraelisa

    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

    September 25, 2014 at 7:39 am #324824
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    September 25, 2014 at 2:35 pm #324988
    claraelisa
    This reply has been marked as private.
    September 25, 2014 at 2:42 pm #324999
    Yigit

    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

    September 25, 2014 at 4:01 pm #325062
    claraelisa
    This reply has been marked as private.
    September 25, 2014 at 4:11 pm #325075
    claraelisa
    This reply has been marked as private.
    September 25, 2014 at 4:14 pm #325080
    Yigit

    Hi!

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

    Best regards,
    Yigit

    September 25, 2014 at 4:25 pm #325095
    claraelisa
    This reply has been marked as private.
    September 26, 2014 at 9:05 pm #325758
    claraelisa

    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

    September 28, 2014 at 6:01 am #326079
    Ismael

    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

    September 29, 2014 at 3:39 pm #326613
    claraelisa

    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 9 years, 6 months ago by claraelisa.
    September 29, 2014 at 8:02 pm #326770
    Josue

    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

    September 29, 2014 at 9:36 pm #326821
    claraelisa

    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 ;)

    September 29, 2014 at 10:35 pm #326841
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

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