Body content going to header area

Hello,

I am using Sydney theme.

I was doing a test version of the website which did not had any issues. Now I started building the website on the actual domain.

The issue is content from the body area is placed in Header area. Some details below:

  1. WordPress version is

  2. plugins used are:
    a) Page Builder by SiteOrigin
    b) Simple Custom CSS
    c) SiteOrigin Widgets Bundle
    d) Social Icons
    e) Title Remover

  3. I set “Page wrapper - top padding” as 100 and “Page wrapper - bottom padding” as 50 in the customizer section.

  4. below is the code in the Custom CSS

.page-wrap .content-wrapper{
background-color: #000;
}

.page header.entry-header {
display: none;
}

h1, h2, h3, h4, h5, h6 {
color: white !important;
}

.footer-widgets {
padding: 30px 0;
}

.site-info.container {
font-size: 12px;
}

.current-menu-item, .current-menu-ancestor {
border-bottom: 1px solid #910101;
}

As far as I remember I built the actual website the same way as the test site. I tried to correct on my own, but not getting the solution.

test site > http://abaidesign4.btenergies.com/
actual site > http://www.templebellsmedia.com/ (in this page the blog is going upto header. and if I make the “Page wrapper - top padding” as 0 all the pages go upto header.

Please help. Hope I had explained clearly. Please let me know if any other information is needed.

Hi,

I just checked your site and I think this CSS code was caused the issue:

.site-header.fixed {
    position: absolute;
}

you can remove it or change the position value to relative (this is the default value)

Hello Awan,

Thank you. It worked.

Regards,
Kiran