Reducing Blank Space between Header and Content

This topic has 10 replies, 2 voices, and was last updated 7 years, 2 months ago ago by Rose Tyler

  • Avatar: junhaoteo
    junhaoteo
    Participant
    September 6, 2017 at 12:07

    How can I reduce the space between the header and content?

    You can see what I’m talking about by comparing the screenshots I’ve linked.

    My website with large amount of blank space beneath header

    demo site with less spacing beneath header

    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 6, 2017 at 12:13

    Hello,

    Please provide link to your site.

    Regards

    Avatar: junhaoteo
    junhaoteo
    Participant
    September 6, 2017 at 22:51

    Link to website

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 7, 2017 at 07:36

    Please try to add this code in Custom css:

    .home .page-content {
        margin-top: 0;
    }
    

    Regards

    Avatar: junhaoteo
    junhaoteo
    Participant
    September 7, 2017 at 13:32

    How do I go about doing that? And by the way, I’m fixing this on my FAQ and Contact Us page, not the Home page.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 7, 2017 at 13:43

    I do not see this problem on your home page http://prntscr.com/gi80fk

    Regards

    Avatar: junhaoteo
    junhaoteo
    Participant
    September 7, 2017 at 13:55

    Yes you are right. I was referring to my FAQ and Contact Us page.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 7, 2017 at 13:58

    In this case, simply add this code in Custom css for these pages http://prntscr.com/gi87wf:

    .page-content {
        margin-top: 0;
    }

    Regards

    Avatar: junhaoteo
    junhaoteo
    Participant
    September 7, 2017 at 14:08

    Worked very well, exactly what I needed. Thanks!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 7, 2017 at 14:11

    You’re welcome!

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Reducing Blank Space between Header and Content’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.