[cmiller2121Participant]

Hi, I put slider revolution below masthead and I cannot get slider revolution full screen on both desktop and mobile. I have .masthead placed in the slide settings and I have to set +1px in order not to get a scroll bar on desktop. With these settings, I get a white line under the slider on mobile. If I remove +1px the scroll bar displays on desktop but no white line on mobile. Is there a way to fix this so the slider is full screen on all devices?
Thanks

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

Could you please provide us with your website URL so we can take a closer look?

Thanks.

[cmiller2121Participant]

This reply has been marked as private.

[JadeModerator]

Hi there,

Please try to decrease the font size of the navigation links so that they will fit in one line that will make the video fit full screen.

Let us know how it goes.

[cmiller2121Participant]

Hi, I tried reducing the Navbar Font Size (px) and Navbar Top Link Spacing (px) but I the changes didn’t fix the issue with the spacing and white line under mobile. It seems that i have to have +1px added in slider revolution to display full screen and no px added in mobile to remove the white line under the slider.

[ChristopherModerator]

Hi there,

Please disable custom grid size options and +1px, clear cache and check again.

Hope it helps.

[cmiller2121Participant]

Hi, that did not work and it changed my layout for all devices. Can I just disable the scrollbar on certain pages?

[JoaoModerator]

Hi There,

Your slider Revolution Seems full screen on desktop, tablet and mobile on my end.

Please clean your browser cache and test it again.

Thanks

[cmiller2121Participant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for updating in! To remove the tiny line, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 767px){
  .x-navbar {
      border: none;
  }

  .x-slider-container.below {
      min-height: 100vh !important;
      background-color: #B2B2B0;
  }
}

Hope this helps.

[cmiller2121Participant]

That worked! Thank you.

[Nabeel AModerator]

Glad we could help.

Cheers!

[Author]

Posts