Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 22, 2017 at 12:28 am #855122
    ScottYetter

    I am using the Enfold theme with ‘Flat Business Demo’ and would like to center the main navigation closer to the bottom of the green area under the logo. Is this something I can do with this theme?

    I have included a link below of the what I would like the header area to look like.

    Bert Website Header

    September 22, 2017 at 6:48 am #855170
    John Torvik

    Hey ScottYetter,

    You can fix it adding this custom code:

    
.main_menu {
  margin-left: 30% !important;
}

    Best regards,
    John Torvik

    September 22, 2017 at 5:32 pm #855451
    ScottYetter

    This worked ok.
    Is there a way to make sure it is always centered, instead of using a percentage of margin-left as this does not always center the menu?

    September 22, 2017 at 5:36 pm #855453
    Yigit

    Hi!

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

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

    Cheers!
    Yigit

    September 22, 2017 at 6:15 pm #855484
    ScottYetter

    That worked perfectly, thank you!

    September 22, 2017 at 6:36 pm #855502
    Yigit

    Hey!

    You are welcome, glad we could help :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Center main navigation (Enfold)’ is closed to new replies.