Docs

[omroy]

Dear Support,

I’m trying to get rid of the white space below slider, when I place the slider above the masthead.
Site: http://ebenezer.caymanadventist.org/

Kindly assist me with this.

Regards,

Omroy.

[Jade]

Hi Omroy,

Please add this code in the customizer:

.x-navbar, .x-navbar.x-navbar-fixed-top {
    margin-top: 0px;
}

Hope this helps.

[omroy]

Hi,

I inserted the code under Global CSS, but it didn’t work.
Please advise.

Omroy.

[omroy]

This reply has been marked as private.

[Darshana]

Hi there,

Use the following CSS rule instead.

.x-navbar, .x-navbar.x-navbar-fixed-top {
    margin-top: 0;
}

Hope that helps.

[omroy]

I tried this also.
Unfortunately, the space was not removed.

Regards,

Omroy.

[Prasant Rai]

Hello Omroy,

Thanks for writing in!

Please use the following CSS and let us know how it goes.

.x-navbar {
    margin-top: 0 !important;
}

Thanks.

[omroy]

Hi,

Unfortunately, that didn’t work either.

My global (css) style sheet now looks like this:

/*
// Global headings.
*/

h4,
.h4 {
font-size: 150%
}

h5,
.h5 {
font-size: 125%
}

/*
// Buttons.
*/

.x-btn-alt-light {
color: #fff;
border-color: #fff;
}

.x-btn-alt-light:hover {
color: rgba(255, 255, 255, 0.75);
border-color: rgba(255, 255, 255, 0.75);
}

.x-btn-alt-dark {
color: #434f5b;
border-color: #434f5b;
}

.x-btn-alt-dark:hover {
color: rgba(67, 79, 91, 0.75);
border-color: rgba(67, 79, 91, 0.75);
}

/*
// Header.
*/

.x-topbar .p-info {
letter-spacing: 0;
}

/*
// Landmark header.
*/

.x-header-landmark {
padding: 45px 0;
border-color: #e4e1d0;
background-color: #e4e1d0;
}

.x-header-landmark h1.h-landmark {
font-size: 200%;
letter-spacing: 3px;
}

/*
// Content headings.
*/

.entry-title {
font-size: 125%;
}

.h-widget {
font-size: 112%;
}

/*
// Custom promo.
*/

.promo-custom {
margin: 0 auto;
max-width: 275px;
}

.promo-custom h4 {
margin: 0;
font-size: 1.15em;
}

.promo-custom p {
margin: 0.75em 0 1.15em;
font-size: 0.85em;
}

.promo-custom p:last-child {
margin-bottom: 0;
}

/*
// Footer.
*/

footer p,
footer h4 {
color: #9d9d9d;
}

footer a {
color: #fff;
}

footer a:hover {
color: #6190a2;
}

footer .footer-services {
font-size: 16px;
letter-spacing:0;
color: #fff;
}

footer .footer-credit {
font-family: “Montserrat”, sans@media (max-width: 240px) {
.x-navbar .x-nav > li > a {
font-size: 13px;
}

.x-navbar .sub-menu a {
font-size: 13px;
}
.x-navbar, .x-navbar.x-navbar-fixed-top {
margin-top: 0;
}
.x-navbar {
margin-top: 0 !important;
}

[Friech]

Hi There,

There is a syntax error on your css code. Please find this block:

footer .footer-credit {
font-family: "Montserrat", sans@media (max-width: 240px) {
.x-navbar .x-nav > li > a {
font-size: 13px;
}

Update that to:

footer .footer-credit {
font-family: "Montserrat",sans-serif;
}

@media (max-width: 240px) {
	.x-navbar .x-nav > li > a {
	font-size: 13px;
	}
}

And then try to add again the code we provided above.

Thanks.

[omroy]

Wonderful!

That worked.

Thanks so much for your all the help.

Omroy.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts