Full page slider revolution, but the scroll bottom anchor is hidden

Support
#1

Hi there

I’m using Pro and have a full page slider revolution below my masthead. I have also created a header using header builder, which has a top bar for the logo and a bottom bar for a phone link. I have enabled the scroll bar anchor (bottom center) but this is hidden by the bottom bar of the header. Is there some custom css that I could use so the height of the full page slider sits within the header rather than being behind it? Or some other way to ensure the scroll bar anchor is visible?

Thanks

#2

Hello @rhinotago,

Thanks for writing in!

Please edit your slider and in the slider settings, add an offset height of 128 pixels as shown below:

Hope this helps. Please let us know how it goes.

#3

Thanks for your quick reply. This only works for one screen size unfortunately. If the screen is wider or narrower the scroll button shifts. Is there another workaround for this?

#4

Hello @rhinotago,

The height of the slider will initialize upon loading the page. You cannot just simply resize the browser and expect that the slider will behave the same. Once you resize the browser, you will have to reload the page first before viewing the page to check it out.

Hope this explains it briefly.

#5

Yes I realise that. If the scroll button is positioned correctly on desktop, for example, it’s only half visible on tablet (a separate device, not a resize of the desktop screen), and even less visible on phone.

#6

Hi,

Can you provide us your site url where we can see the issue.

Thanks

#7
#8

Hi There,

I can’t replicate the issue, the scroll to bottom on your slider constantly showing up on my end.

The idea here, is to subtract the height of the header (.x-masthead), the height of bottom bar (.x-bar-bottom), and height of the admin bar if you’re login (#wpadminbar) from the total height of the Slider.

To do that, open your Slider Settings, under the Increase/Decrease Fullscreen Height (Optional), add this classes:
.x-masthead, .x-bar-bottom, #wpadminbar

Remove the 128px suggested, since that is already included in the .x-masthead

Clear all your caching plugin and browser’s cache after doing this changes.

Cheers!

#9

Perfect. Thanks very much

#10

You’re welcome. Glad we’re able to help.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.