Big gap below header – responsive 4.0

  • Resolved ctlsmith

    (@ctlsmith)


    6 years, 4 months ago

    Hi there,

    How can I close up the big gap between then header and the main body page please?

    Many thanks,

    Chris

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • tabatha.j22

    (@tabathaj22)

    6 years, 4 months ago

    You could try adjusting the margins on the first two classes/id below. If you really need to tightened even more you could adjust the padding on #wrapper. I tested this before but ended up liking the default theme margins but below were from my own test.

    img.custom-logo { 
    margin: 20px 0;   
}
Example: Change to margin: 5px 0 !important;

#wrapper, #wrapper body.home #wrapper {
margin: 20px auto 0;  
}
Example: Change to margin: 5px auto 0 !important;

#primary, body.page.page-boxed #primary, body.page.page-content-boxed #primary, body.page.page-fullwidth-content #primary, body.single.single-boxed #primary, body.single.single-content-boxed #primary, body.single.single-fullwidth-content #primary {
    padding: 20px; 
}
Example: Change to padding: 0 20px 20px 20px !important;
    • This reply was modified 6 years, 4 months ago by tabatha.j22.
    Thread Starter ctlsmith

    (@ctlsmith)

    6 years, 4 months ago

    Hi @tabathaj22,

    Thanks very much for that! The first two suggestions have had a clear positive effect and I’ve used them straight away.

    I couldn’t see any effect from the 3rd so haven’t used it.

    But in general looks much better now so many thanks again.

    Chris

    Theme Author CyberChimps

    (@cyberchimps)

    6 years, 4 months ago

    @ctlsmith We will inform our development team about this and update you earliest.

    @tabathaj22 Thanks a lot for helping Chris 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Big gap below header – responsive 4.0’ is closed to new replies.