Docs

[Blupace]

blupace.com

Hi,

I currently have my slider revolution set above the masthead.
I have replaced the standard nav menu with superfly menu.

I would like to have my slider revolution slider full screen on my front page.
My problem is that my site logo, or site name appears in the banner area.
How to I remove the logo and banner area?

Kind regards,

Pace

[Blupace]

I have managed to remove the logo with the code

/*Remove Banner Area */
.x-brand.text {
    display: none;
}

.x-brand.img {
    display: none;
}

The problem is that the page still scrolls to a white space area under it.
If I remove the slider from above the masthead and place it into a section, I still have whitespace both above and below the slider.

[Joao]

Hi THere,

Please use:

.x-navbar, .x-logobar {
display: none;
}

Hope it helps

Joao

[Blupace]

HI, this still leaves a white space area under the revolution slider.

[Paul R]

Hi,

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

.home .x-container.max.width.offset {
   display:none;
}

Hope that helps.

[Blupace]

This has worked great, however there is still a small amount of scroll available on the screen. I would like the page to be fixed.

Muchos gracias 🙂

[Paul R]

Hi,

Please add this code as well.

.home .x-slider-container.above {
    border:0;
}

Thanks

[Blupace]

Hey I tried the code but it didn’t remove the small gap at the bottom.

I have attached an image to help show you this.
If you go to blupace.com and try to scroll down you see the area.

[Blupace]

Here is the screen shot

[Joao]

Hi There,

I Can´t see any white space, please clean your browser cache and test it again,

If that does not work please let us know which browser and device you are using whiling experiencing the issue.

Thanks

Joao

[Blupace]

Hey, it seems to be working fine now, the only thing I need to remove is the scroll arrow on the right side of the page. I only want to remove this, for this page only though.

king regards

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.home a.x-scroll-top {
    display: none;
}

Hope it helps 🙂

[Author]

Posts