Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 2, 2016 at 6:45 pm #592258
    zimbo

    That’s what I want to do, plus have it work responsively obviously, and found this thread https://kriesi.at/support/topic/center-the-menu-items/ but the solution of 

    .avia-menu.av-main-nav-wrap {
left: -50%;
}

    does not work, it just sends the menu left off screen. I’ve tried with and without a space between the classes and using #avia-menu.

    Any suggestions?

    March 3, 2016 at 8:04 am #592473
    Rikard

    Hi zimbo,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    March 3, 2016 at 3:12 pm #592636
    zimbo

    Website link in private content, it’s a test/development site so there’s lots of ‘work in progress’ and there’s no home page at present, but you can see the main menu via the sub-page link provided.

    Setting the left command above to 20% appears to centre the menu on a 1920px screen, not -50%, but it doesn’t work as screen sizes reduce. Also, acting on .avia-menu.av-main-nav-wrap means the search icon just goes to the right so I’m not sure this will work anyway because it’s just the menu elements within that container that need changing.

    You’ll see from the CSS file I tried

    .menu_pad_left {
	padding-left: 17%;
}

    and added that class to the first menu element, but again this fails: the 17% needs to be reduced with media queries as screen sizes reduce.

    March 3, 2016 at 7:11 pm #592818
    Yigit

    Hi!

    Please go to Enfold theme options > Header and choose to display “Logo center, menu below” option and then add following code to Quick CSS 

    .html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

    Best regards,
    Yigit

    March 3, 2016 at 7:26 pm #592833
    zimbo

    Brilliant, thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Centre the main menu’ is closed to new replies.