Space between header and content

  • Resolved thenorthnl

    (@thenorthnl)


    7 years, 3 months ago

    Hello,

    Like a lot of people I have a problem with the space between the header and the content on my site Vorm in ruimte using the Storefront theme. I’ve googled a lot and tried a lot of different codes but I still don’t have a solution.

    I want to reduce the space between the header and the content “winkelen op categorie”, but only on the frontpage. I’ve tried a code that did what I wanted on my frontpage but it messed up the category and product pages. I used the following code:

    #content.site-content {
    margin-top: -70px;
    }

    Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    Hi @thenorthnl if you use this code it should work:

    div.post-55 {
  display: none;
}

    55 is the ID of the page you’re using as your homepage and because you don’t want to display anything, you can hide it entirely there:


    Link to image here: https://cld.wthms.co/BvU6c3.

    • This reply was modified 7 years, 3 months ago by Job a11n.

    Boa tarde,

    Coloca esse CSS que vai dar certo:

    div.site-content {
    margin-top: -120px;
    }

    *Ajuste os px de acordo com sua necessidade.

    Thread Starter thenorthnl

    (@thenorthnl)

    You’re my hero @jobthomas!

    I’ve used different codes but this one is especially for that single page, just what I wanted. Thanks!

    @wesleytavares: Also thanks for your comment!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Space between header and content’ is closed to new replies.

Tags