Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 23, 2016 at 3:48 pm #727979
    ernaborbas

    Hello,

    I’ve used this code in my Quick CSS to get the menu how it is right now.
    (I found the code on this website)

     /*centered menu*/
.av-main-nav li:nth-child(3) {
    margin-right:350px;
}

#header_main_alternate {
    margin-top: -60px;
    z-index:9;
}
.logo {
z-index:9999!important;    
max-width:200px;
}

    The only downside is that it created a white space below the menu, how can i delete that white space?

    Greetings!

    December 25, 2016 at 8:49 am #728202
    Rikard

    Hey ernaborbas,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home #main {
    padding-top: 80px !important;
}

    Best regards,
    Rikard

    January 6, 2017 at 1:37 pm #730334
    ernaborbas

    Thanks Rikard! That worked right away.
    How can I make it work for ALL the pages + future pages? the code only works on the main page right now.

    I’m not looking for a code like this, I dont want to make a code for every future page I create.

    .page-id-212 #main {
    padding-top: 80px !important;
}

    Thanks in advance.

    • This reply was modified 8 years, 10 months ago by ernaborbas.
    January 6, 2017 at 2:04 pm #730347
    ernaborbas

    EDIT: This code seems to work fine.

    #main {
    padding-top: 80px !important;
}

    Thanks Kriesi Support!

    January 6, 2017 at 2:06 pm #730349
    Yigit

    Hi!

    Glad you figured it out and thank you for sharing your solution :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

    January 6, 2017 at 2:25 pm #730359
    Vinay

    Hi,

    To make the code work on all of the pages on your site please remove the page-id-xx or the .home from the code.
    Your code should look like :

    #main {
    padding-top: 80px !important;
}

    Best regards,
    Vinay

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Center menu – White space below’ is closed to new replies.