Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1392585
    cmiller2121
    Participant

    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

    #1392880
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

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

    Thanks.

    #1393251
    cmiller2121
    Participant
    This reply has been marked as private.
    #1393492
    Jade
    Moderator

    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.

    #1393831
    cmiller2121
    Participant

    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.

    #1394204
    Christopher
    Moderator

    Hi there,

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

    Hope it helps.

    #1399203
    cmiller2121
    Participant

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

    #1399391
    Joao
    Moderator

    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

    #1399773
    cmiller2121
    Participant
    This reply has been marked as private.
    #1400156
    Rue Nel
    Moderator

    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.

    #1400678
    cmiller2121
    Participant

    That worked! Thank you.

    #1401002
    Nabeel A
    Moderator

    Glad we could help.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1392585 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>