Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 3, 2018 at 1:37 pm #993256
    mosaic

    At the moment my menu is centred and there’s lots of extra space to the left and right of the first and last menu items. I’d like to spread the menu items out evenly across the full width. Thanks

    August 4, 2018 at 11:20 pm #993587
    Mike

    Hey Kieran,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child {
    width: 100% !important;
    display: flex !important;
    justify-content: space-evenly !important;
    }
    .html_header_top #top .av_header_stretch .container {
    width: 100% !important;
    }
    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border-left-style: none !important;
    }

    
within this code I added some to hide the menu divider because with the menu spread out, they don't look centered.
Please clear your browser cache and check.

Best regards,
Mike
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.