Header below slider – not fullscreen

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

  • Avatar: Davidko
    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

    13 Answers
    Avatar: Eva
    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.

    Avatar: Davidko
    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

    Avatar: Eva
    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.

    Avatar: Davidko
    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.
    Avatar: Eva
    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.

    Avatar: Davidko
    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.
    Avatar: Eva
    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.

    Avatar: Davidko
    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

    Avatar: Jack Richardson
    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.

    Avatar: Davidko
    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

    Avatar: Jack Richardson
    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.

    Avatar: Davidko
    Davidko
    Participant
    July 9, 2015 at 08:50

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

    Cheers,
    David

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 9, 2015 at 14:49

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘Header below slider – not fullscreen’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.