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

    Hi, can you please tell me how i can center the navigation bar? My bar consists of 2 navigation lines, the second one ist not centered; Thanks in advance! Juergen

    #1215584

    Hey,

    Sorry for the late reply!

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

    .html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child {
        display: flex;
        flex-flow: wrap;
    }
    .av-main-nav li {
        flex-grow: 1;
    }

    Best regards,
    Yigit

    #1216064

    Hi Yigit,
    that worked out well – Thank you!

    I have another problem as well now – whenever i shrink the browser window to a specific width, the navigation bar gets a third line and some buttons are in the layer-slider area. I´d like the mobile-menu show up at a defined browser width which i can define – for instance if the browser width is under “900px”.

    Thanks in advance!
    Juergen

    #1216178

    Hi,

    You are welcome :)

    Please add following code to Quick CSS as well

    /* Activate burger menu */
     @media only screen and (max-width: 1040px) {
    #top #header .av-main-nav > li.menu-item  {
        display: none!important;
    }
    #top #header .av-burger-menu-main {
        cursor: pointer;
        display: block!important;
    }}

    Best regards,
    Yigit

    #1216388

    As always – excellent support! THANK YOU!

    #1216427

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to center navigation bar?’ is closed to new replies.