Tagged: x
-
AuthorPosts
-
September 1, 2016 at 2:24 pm #1157331
saolremarketingParticipantI 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.1September 1, 2016 at 3:01 pm #1157397
JoaoModeratorHi 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
September 1, 2016 at 3:44 pm #1157475
saolremarketingParticipantThanks. 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?
September 1, 2016 at 8:51 pm #1157841
FriechModeratorHi There,
Add a class solution-menu on that section. And include it on the Increase/Decrease Full-screen Height option.
e.g.
.masthead, .solution-menuHope it helps, Cheers!
September 12, 2016 at 11:29 am #1171604
saolremarketingParticipantThat 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?
September 12, 2016 at 2:09 pm #1171901
JoaoModeratorHi There,
If that is working in different resolutions, it is a good solution.
Let us know if you need further help
Joao
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1157331 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
