Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 1, 2016 at 6:51 pm #706829
    nonne

    Hey guys

    Please refer to private content for this website I am building for a customer.

    I am trying to make a little space above the header. Using the large separator I want the logo to be same vertical size as separators, so I cannot just adjust logo image.

    I have tried to ad an empty top bar (the one for social icons, extra phone etc), but I cannot control the height of it. Is that possible?

    Another solution could be to make a top margin or padding on all pages?

    Any suggestions.

    Thanks in advance :-)

    November 2, 2016 at 9:30 am #707017
    Rikard

    Hi Carsten,

    Thanks for the details, please try the following in Quick CSS under Enfold–>General Styling:

    #header {
    margin-top: 20px !important;
}

    Best regards,
    Rikard

    November 2, 2016 at 12:04 pm #707063
    nonne

    Hi Rikard

    Thanks for your suggestion, which works in the way, that it does push the header down. However: If you for instanse push it down 20 px, then the gap above the header will show the content of the page when scrolling… (see example in private content)

    Is it possible to maybe make a padding for whole the page – or make an empty top bar (the one for social icons, extra phone etc) and then adjust the height of that?

    very best regards

    November 4, 2016 at 5:37 pm #708355
    nonne

    Hi again Rikard / team

    I think I will try another more basic solution, so you need not do anything more in this matter. Thanks for always fine service.

    best regards

    November 4, 2016 at 5:38 pm #708356
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #header.header-scrolled {
    margin-top: 0!important;
}

    Best regards,
    Yigit

    November 4, 2016 at 8:30 pm #708413
    nonne

    Hi Yigit

    Thanks a lot for your input, which I am sure would work, if I know you right :-)

    I can see, your answer came one minut after I put my last last reply: I (with my client) have chosen the “standard” header instead since other issues occured as as well with the solution, we first wanted – fx menu background did not highlight when sub-menu was selected, also an issue with the “burger-menu” on mobile and more. So we are back with the “standard” header which works all the way around.

    Thanks again :-)

    Best regards

    November 4, 2016 at 8:53 pm #708418
    Yigit

    Hi,

    Yes, sorry i missed your reply :)

    You are welcome! And thank you for your kind words :)

    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 :)

    Enjoy your weekend!

    Regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Top margin on page’ is closed to new replies.