Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1157331
    saolremarketing
    Participant

    I see a lot of websites now that seem to know how big the window is so that the Header, Slider and a Navigation Bar below the slider all are responsively fit to that screen size. Then you can scroll down to see the rest of the content. I seem to be manually guessing at the appropriate heights in order to keep my three items “above the fold”. And it isn’t always 100% accurate.

    How do I do this with X? (I have a revolution slider)

    http://770.6db.myftpupload.com/

    WordPress 4.6
    Cornerstone 1.3.1
    X 4.6.1

    #1157397
    Joao
    Moderator

    Hi There,

    Create a full screen slider on Revolution Slider

    Still on your Slider Settings Scroll down until you find the option: Increase/Decrease Full-screen Height(Optional)

    Write in that box : .masthead

    That way your slider will subtract the size of your header from the full screen size.

    Hope that helps,

    Joao

    #1157475
    saolremarketing
    Participant

    Thanks. That worked.

    But how do I also include the height of the section called “solution-menu” which is the black menu bar below the slider?

    #1157841
    Friech
    Moderator

    Hi There,

    Add a class solution-menu on that section. And include it on the Increase/Decrease Full-screen Height option.

    e.g.
    .masthead, .solution-menu

    Hope it helps, Cheers!

    #1171604
    saolremarketing
    Participant

    That almost worked. It actually only gave enough room for 50% of the solution-menu. I added 38px of Margin to the bottom of the solution-menu and now it all shows. although I am not sure that is the best way to fix it. Any ideas?

    #1171901
    Joao
    Moderator

    Hi There,

    If that is working in different resolutions, it is a good solution.

    Let us know if you need further help

    Joao

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