"scroll below slider" - revolution slider element / image link covered by sticky header on desktop view

[COK]

I have an image / element on my Revslider that is intended to link / take the user directly below the slider:

it works good on smaller screen sizes:

but on larger screen sizes, it appears my fixed header / nav is covering the top portion of the section below the slider:

what’s the logical fix for this issue and why does it work fine on mobile but not desktop? thanks

website

[ruenel]

Hello There,

Thank you for the very detailed post information.

To resolve your issue, please edit your slider and add a Scroll Offset of at least 90 since the actual navbar height is 90 pixels.

We would loved to know if this has work for you. Thank you.

[COK]

Fixes the issue on desktop, but since mobile was previously working fine, it now adds a gap to mobile view:

Why is the standard menu affected by the original issue and not the mobile menu?

[rad]

Hi @COK,

I guess you should return it to the previous setup (no 90px) then simply add this custom CSS to your global custom CSS.

.x-masthead {
min-height: 90px;
}

This is because 90 px in the slider fixes along with floating header. In mobile, header isn’t floating creating that empty area.

Thanks!

[COK]

@Rad

.x-masthead {
min-height: 90px;
}

adding this code brought back the original issue, so I’ve reverted back to the offset.

[ruenel]

Hey There,
​
​To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation.

To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
Thank you.

[COK]

I’m going to leave this as-is. Thanks though.

[ruenel]

Don’t mention it.
If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.