[LatinoMattersParticipant]

Hello. On all pages except Blog and Home, there first section of content is starting really high and, in some cases, touching the navbar. I’ve attached some images.

You can see this on betasite.latinomatters.com/contact

There is little space between nav bar and first section.

Thank you.

Eric

[DarshanaModerator]

Hi there,

You can add this under Custom > CSS in the Customizer.

.error404 .x-header-landmark {
    margin: 100px auto 0;
    text-align: center;
}

.page #x-section-1 {
    margin-top: 40px !important;
}

Hope that helps.

[LatinoMattersParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Sections’ margins can be setup on the cornerstone section inspector.

The issue here is the navbar-wrapper is set to height of 0; that is why the first sections are pushing themselves above, behind the navbar. Can you check what value you have on the Customizer’s Navbar Top Height option? That should be 90.

In the meantime you can add this custom css instead.

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 90px;
}

If you find there is a lot of space above the headline. You can apply a class man to it.

e.g
<h2 class="man">Contact Us</h2>

Hope it helps, Cheers!

[LatinoMattersParticipant]

This reply has been marked as private.

[PlattbaumParticipant]

I have the same Problem.
How can I hide the white Background with “home” in it, that there is no space between Menu and first Column?
Site is:
http://www.gerrithoss.de

[ThaiModerator]

Hi @plattbaum,

Please try adding the following CSS under Customize > Custom > CSS:

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

.home header.x-header-landmark {
    display: none;
}

Hope it helps 🙂

[PlattbaumParticipant]

Yesss!

Thank You

[LatinoMattersParticipant]

Nothing for me. I am sure it has to do with the fact that I have a transparent header.
I have it set at 90. This adds more than 40px to the homepage also, though.

.error404 .x-header-landmark {
margin: 100px auto 0;
text-align: center;
}

.page #x-section-1 {
margin-top: 40px !important;
}

Not sure what else I can try to get the homepage navbar to be transparent and the rest to be normal.

Thanks.

[ThaiModerator]

Hi Eric,

Try adding the following CSS under Customize > Custom > CSS:

@media (min-width: 980px){
    .home #x-section-1 {
        margin-top: 0 !important;
    }
}

Hope it helps 🙂

[LatinoMattersParticipant]

It did correct that issue. I will just have to play with NavBar Height and use gaps on the inside pages to push the content down a little bit.

Thank you.

[LatinoMattersParticipant]

Meant to add if there is a way to remove the border that comes around blogs and sections when it shrinks down to mobile.

Screenshot attached.

Thanks,

E-

[JadeModerator]

Hi Eric,

Please add this code in the Customizer:

@media (max-width: 979px) {
    box-shadow: none;
}

Hope this helps.

[LatinoMattersParticipant]

Unfortunately, that didn’t work.

[John EzraMember]

Hi there,

Thanks for updating the thread! Sorry about that, please use this CSS.

.entry-wrap {
    box-shadow: none;
}

Hope this helps – thanks!

[Author]

Posts