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

    Hi guys,
    I’m using megamenu on my site but I’d like to have my sublevels not so wide and centered in my boxed layout.
    I worked with CSS but it seems to be so difficult to do it manteinig responsivness.
    I also searched in your forum and found this one but it doesn’t fit to me. https://kriesi.at/support/topic/megamenu-center-submenu/

    Please, help.
    Stefano

    #398293

    Hey Stefano!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia_mega_div.avia_mega1.three.units {
    width: 200px!important;
    }
    .avia_mega_div.avia_mega2.six.units {
    width: 460px!important;
    }
    

    Regards,
    Yigit

    #399561

    Hi Yigit,
    thank you very much for your answer but as you can see by the link I provided it doesn’t work.
    If you roll-hover my menu you can see that under “WOMAN” and “MAN” the sublevel it’s almost (but not perfectly) centerd.
    I gave my

    #header .twelve.units, #header .six.units {
    width: 1050px!important;
    }

    but it doesn’t work with “DOG”.
    Stefano

    #400164

    Hey!

    please use this code to only customize the DOG submenu:

    #menu-item-636 span.mega_menu_title.heading-color.av-special-font {
    margin-left: -20px;
    }
    

    Adjust as needed.

    Best regards,
    Andy

    #400557
    This reply has been marked as private.
    #400999

    Hi!

    Try adding this.

    #top #header .sub-menu { max-width: 100% !important; }
    

    But keep in mind that if you do this then you are limiting how large you can have the menus. Also the 3rd level and deeper menus will have issues.

    Regards,
    Elliott

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