Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #173668

    Johnathan P
    Participant

    I am trying to make one of my sliders full screen on my one page navigated home page. I have already utilized the “below masthead” full screen slider, so I don’t know any other way to make my second slider (The “Who We Are” link) full screen as well. Please help!

    Sacredsesh.com

    #173847

    Christian
    Moderator

    Hey Johnathan,

    Please change your slider layout to fullscreen. See #5 of http://revolution.themepunch.com/documentation/#main_slider_settings

    Thanks.

    #173892

    Johnathan P
    Participant

    The layout is already on full screen though.

    #173898

    Johnathan P
    Participant

    Nevermind! Got it! I had to put force full width on in the settings.

    How do i get rid of the grey shadows under the sliders? And how do i make each slider mesh into one another to make it a seamless and flowing page?

    #174062

    Christopher
    Moderator

    Hi there,

    #1 You can remove the shadow under Revolution slider settings -> Appearance -> Shadow Type

    #2 Add ptn in class field of content bands.

    Hope that helps.

    #174101

    Johnathan P
    Participant

    Neither of those solutions are working 🙁

    I am trying to make a flowing one page navigation just like ethos-2.
    The shadows are still there under each slider and the “ptn” isn’t resulting in anything

    #174118

    Johnathan P
    Participant

    UPDATE: So for now, everything is solved except how do i make the “grey” area between the content bands (between the sliders in my case) disappear? I want a flowing page with absolutely no space between my content bands.

    #174281

    John Ezra
    Member

    Hi there,

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

    #rev_slider_7_1_wrapper, #rev_slider_8_2, #rev_slider_9_3 {
    background-color: #ffffff !important;
    }
    
    div#rev_slider_7_1_wrapper, div#rev_slider_8_2_wrapper, div#rev_slider_9_3_wrapper  {
        height: 789px!important;
        margin-bottom: -20px !important;
    }

    Hope this helps!

    #174332

    Johnathan P
    Participant

    Perfecto! Thanks again!

    #174423

    Christian
    Moderator

    You’re welcome Johnathan.

    #763690

    Sebastien M
    Participant

    Hi,

    im trying to make my vide slider full page on all acreen but im not able to have work he way i want. can you help. http://www.bemaximus.com

    #763698

    Sebastien M
    Participant

    im trying to make my video slider full page on all screen but im not able to have it work the way i want. can you help. http://www.bemaximus.com

    #764140

    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can set your slider on the Below Masthead settings of each of your pages.


    screenshot

    Let us know how it goes.

    Cheers!

    #815850

    Deelux
    Participant

    Mmm…. I also have a problem getting it to full screen.

    I need to put my header to 70px so the sub-menu shows properly. But when I do this then my slider drops down.

    Any idea how to fix it?

    Cheers,
    Dominic

    –> NVM, already fixed!

    Added this to the CSS: div#rev_slider_1_1{
    margin-top: -170px !important;
    }

    #815858

    Deelux
    Participant

    Mmm…. But it does still show up on the mobile version. Any idea how to remove it there?

    And I don’t think my “fix” is a good one. Now when I open the menu on mobile it has the background covering the search field.

    Can you advice what is a better way to fix this? There seems to be an other element which I can’t locate and remove.

    Cheers,
    Dominic