This topic has 14 replies, 3 voices, and was last updated 9 years, 5 months ago ago by Jack Richardson
Hi there,
1) Is it possible to use the header variant ‘Below slider’, but not have the slider go fullscreen? Just fullwidth (Rev slider, autoresponsive setting). At the moment the header sticks to the bottom of the page, but we need it to stick to the bottom of the slider as it does on this example http://deuscustoms.com/.
2) Any chance to use different header variant for different pages? For example Variant 11 on the homepage and Variant 2 on the shop page?
Cheers, David
Hello,
1. Go to WP-admin panel > Revolution slider > edit a slider > select “Auto Responsive” in “Slider Layout” field, set “Force Full Width” and “Unlimited Height” to “On”, and set “Grid Height” to 550 in “Layers Grid Size” field.
2. Unfortunately there is no such possibility. Sorry.
Regards,
Eva Kemp.
Hi Eva,
Thanks for your response. Unfortunately this doesn’t fix the the problem. No matter what settings I put for Rev Slider, the navigation always sticks to the bottom of the browser. (I can provide a screenshot)
The client really wants to look like on http://deuscustoms.com, where the navigation is under the slider, but the slider is not fullscreen.
Please let me know your thoughts.
Regards,
David
Hello,
Please provide us with wp-admin panel credentials in Private Content.
Regards,
Eva Kemp.
Hi Eva,
please find attached info in Private Content.
Cheers,
David
Hello,
Even if I logged in to wp-admin panel and open your site to check the slider it asks for additional password to view the page.
Please provide us with it.
Regards,
Eva Kemp.
Hi Eva,
I forgot about it. There is a ‘Password protected’ plugin activated. Please see Private content.
Cheers,
David
Hello,
I’ve set Grid Height to 650px. Please check home page now and clear browser cache before.
Regards,
Eva Kemp.
I did. Changing the slider height will resize the slider, but the navigation still sticks to the bottom of the browser. Please see this link.
For example if you change the grid height to max 100px you can see what I mean. The slider will be at the top of the page, but the navigation will not stick to it underneath, but there will a gap and the navigation at the bottom of the browser. Please let me know your thoughts.
Thanks for your help.
David
Hello,
I’ve added the following css code in VC editor as shown on the screenshot http://storage3.static.itmages.com/i/15/0709/h_1436423391_5037216_f2af14726b.png :
.fullscreen-container {
height: 350px !important;
}
.home .header-type-9 {
margin-top: 350px !important;
bottom: inherit !important;
}
Best regards,
Jack Richardson.
Hi Jack,
Thank you very for that. The only thing I guess is, that it does not work on mobile now? It keeps the 350px padding above the navigation. Do I need to add something like @media only screen and (max-width: 992px) or similar?
Cheers,
David
Hello,
You can edit the code to this one:
@media (min-width: 992px) {
.fullscreen-container {
height: 350px !important;
}
.home .header-type-9 {
margin-top: 350px !important;
bottom: inherit !important;
}}
Please try it.
Best regards,
Jack Richardson.
Awesome! It seems to work. Thanks a lot for your help Jack.
Cheers,
David
Hello,
You’re welcome.
Best regards,
Jack Richardson.
The issue related to '‘Header below slider – not fullscreen’' has been successfully resolved, and the topic is now closed for further responses