The Header overlaps page for page break 980px-1199px

Hello,

All of the other break points have a gap between header and page.

Thanks.

Hi @Shaman22,

Thanks for writing in!

Do you want to remove this gap? If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-container.max.width.offset {
    margin-top: 0;
}

Please let us know if this works out for you.

I want the gap.

Hi,

To fix this, you need to set your bar for 980px-1199px initial position to Relative.

Thanks

Hi,
It already is.
Also, when I look at the view it has all the smaller break points in headers below the 980-1199.

Thanks.

Hi,

It has different breakpoints depending on the device view you have applied it.

Would you mind providing the site’s page URL where you wish to apply this gap?

Thanks!

The gap appears on all the break points except 980-1199.

Hello @Shaman22,

Please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media(min-width: 980px) and (max-width: 1199px){
  .x-container.max.width.offset {
    margin-top: 35px;
  } 
}

We would loved to know if this has work for you. Thank you.

I have Pro and I don’t see Global CSS under Theme Options.

Hello @Shaman22,

You can find it here:

Hope this helps.

Hello,

That worked, I still have 4 headers showing up for 980-1199 and 481-767.

Thanks.

Hey Guiseppe,

Paul’s solution is the correct solution here. It’s positioned absolute. We can see that in the source code.

Setting the bar to Relative should fix that.

If this is still hard to understand, please give us WordPress Admin access in a Secure Note so we could test the solution in your site.

Thanks.

That does appear to work.

Thank you.

You’re welcome! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.