Return to previous page

Header below slider – not fullscreen

This topic has 14 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Jack Richardson

Davidko

Participant

July 7, 2015 at 01:55

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

#73539 Copied Theme version: 1.2 WooCommerce version: 4.2.2

13 Answers

Eva Kemp

Support staff

July 7, 2015 at 11:48

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.

#73645 Copied

Davidko

Participant

July 8, 2015 at 04:01

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

#73809 Copied

Eva Kemp

Support staff

July 8, 2015 at 08:13

Hello,

Please provide us with wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.

#73823 Copied

Davidko

Participant

July 8, 2015 at 09:57

Hi Eva,

please find attached info in Private Content.

Cheers,
David

Please, contact administrator
for this information.

#73858 Copied

Eva Kemp

Support staff

July 8, 2015 at 14:44

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.

#73972 Copied

Davidko

Participant

July 8, 2015 at 14:47

Hi Eva,

I forgot about it. There is a ‘Password protected’ plugin activated. Please see Private content.

Cheers,
David

Please, contact administrator
for this information.

#73973 Copied

Eva Kemp

Support staff

July 8, 2015 at 15:06

Hello,

I’ve set Grid Height to 650px. Please check home page now and clear browser cache before.

Regards,
Eva Kemp.

#73989 Copied

Davidko

Participant

July 8, 2015 at 15:21

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

#74004 Copied
Jack Richardson

Support staff

July 9, 2015 at 07:30
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.
#74131 Copied
Davidko

Participant

July 9, 2015 at 08:23

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

#74149 Copied
Jack Richardson

Support staff

July 9, 2015 at 08:28
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.
#74152 Copied
Davidko

Participant

July 9, 2015 at 08:50

Awesome! It seems to work. Thanks a lot for your help Jack.

Cheers,
David

#74160 Copied

Jack Richardson

Support staff

July 9, 2015 at 14:49

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#74298 Copied
Viewing 14 results - 1 through 14 (of 14 total)