Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #369823

    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!

    #370098

    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

    #370169

    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

    #370308

    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

    #370356

    Hi!

    same for me. 403 Forbidden …

    Best regards,
    Andy

    #370476
    This reply has been marked as private.
    #370717

    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

    #370734

    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

    #370748

    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

    #370770

    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

    #370831

    Hey!

    use this for hiding the list icons/butllets:

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

    Cheers!
    Andy

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