[Resolved] Space between Header and Menue

Home Forums Support [Resolved] Space between Header and Menue

Home Forums Support Space between Header and Menue

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #252961
    Bjoern Christian

    Hello,

    we would like to get a space between the header (above the menue) and the menue. The Container space is activated and the value is 20…there is a space between menue and the rest of the site…

    Image

    #252966
    Bjoern Christian

    Additional Info: The container Spacing does not seem to work anyway. The space of 20 is a result of the site setting (explicite site space 20…)

    What could be wrong with the container spacing?

    #252973
    Jamal

    Hi Bjoern

    I think ( and i could be wrong here ) the spacing is working as it should but what you need is a margin below site header.

    .site-header {
        bottom-margin: 20px;
    }
    #252980
    Bjoern Christian

    Hello,

    but if I change the container setting (from seperate conatiners to one container) also nothing happens to the site layout…

    Where shlould I put the code into?

    #252988
    Jamal

    If you make it one container then i believe space between menu and site should disappear as well. Would you mind posting your site link here?

    How to add css: https://generatepress.com/knowledgebase/adding-css/

    #252989
    Bjoern Christian

    -deleted because of a solution to the question:o)

    #252993
    Jamal

    Is this how you would like your site to appear? the css above should do it

    Screenshot

    Also i think you have an empty transparent section which is causing the margin between menu and content. Can you please look at your page and look at contents of the first section.

    #252994
    Bjoern Christian

    Yes, thats right! I do have an empty section at the pages…

    And yes: as you illustrated it should look alike…how can I achieve that? The CSS above was added into css plugin. But the site is not going to do it…

    #252996
    Jamal

    Sorry Bjoern my bad. The correct code should be

    .site-header {
        margin-bottom: 20px;
    }
    #252998
    Bjoern Christian

    Thank you! This was the reason…;o)

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.