Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 18, 2014 at 12:46 am #369823
    Patrick_NXG

    Hi,
    Currently I’m rebuilinding my current website using the Enfold theme, but am having a hard time getting the mega menu styled the way we like it. Would like it wider, centered etc. Do you have some magic css that can help me out on this one? ;)

    Thanks in advance!

    December 18, 2014 at 5:41 pm #370098
    Elliott

    Hi nxghosting!

    If you use 4 columns in the mega menu then it should display the full length of your site.

    I tried viewing your link but it’s giving me a 403 forbidden error.

    Regards,
    Elliott

    December 18, 2014 at 8:03 pm #370169
    Patrick_NXG

    Hi Elliott,

    Thanks for your reply, weird that your getting a 403 forbidden, are you sure you tried the subdirectory for the development url? Anyways, I’ve altered the installation and the development environment should be available without the subdirectory as well. Could you please give it another try?

    Thanks,
    Patrick

    December 18, 2014 at 11:48 pm #370308
    Elliott

    Hey!

    Yeah it’s still giving me the 403. I’ll flag this for the rest of our team to take a look.

    Regards,
    Elliott

    December 19, 2014 at 1:28 am #370356
    Andy

    Hi!

    same for me. 403 Forbidden …

    Best regards,
    Andy

    December 19, 2014 at 9:14 am #370476
    Patrick_NXG
    This reply has been marked as private.
    December 19, 2014 at 7:22 pm #370717
    Elliott

    Hi!

    Have you considered using four columns? That will have it expand to the full width. If you still want to use three columns then you can use this CSS to make it full width.

    #top #header .avia_mega_div {
    max-width: 1310px !important;
}
#header .nine.units {
    width: 1200px !important;
}

    Best regards,
    Elliott

    December 19, 2014 at 8:21 pm #370734
    Patrick_NXG

    Four columns might be usefull for some menus but not for all. The given code works as expected. Got two minor other issues I hope you can help me with:

    1. I would like the mega menu to be aligned in the center of the page.
    2. How do I set a list-style none for the list items in the mega menu?

    Thanks a lot for your help, really appreciate it!

    Patrick

    December 19, 2014 at 8:40 pm #370748
    Andy

    Hi!

    1.) use this to control position of mega menu:

    #top #header .avia_mega_div {
right: -240px !important;
}

    2.) What to you mean? What do you want to achieve?

    Regards,
    Andy

    December 19, 2014 at 9:21 pm #370770
    Patrick_NXG

    Hi Andy,

    Thanks for your reply. With my second question I’d like to remove the list icons/bullets in front of the mega menu items.
    Regards,
    Patrick

    December 20, 2014 at 12:34 am #370831
    Andy

    Hey!

    use this for hiding the list icons/butllets: 

    .header_color .avia-bullet {
display: none;
}

    Cheers!
    Andy

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