Z-Index query for sticky footer

[hyperdrive_boom]

Good afternoon, I have a Multi-Region header set on all pages to be in the footer as sticky.

The issue this has caused is I have a Row that needs to be in front of it. At the moment links in this row are not clickable if they cross the zone of the footer:

I put the footer bar to a z-index of 10 and the row 9999 but it still does not seem to be at the front

Please advise,
Thank you

Jason

[prakash_s]

Hello Jason,

Thanks for writing to us.

It is not possible to guide with only screenshots I would suggest you please share your exact page URL so that we can check it on our end and guide you properly.

Thanks

[hyperdrive_boom]

No problem at all, here you go:

https://bonecave.co.uk/somewhere-in-england/

[prakash_s]

Hello Jason,

I would suggest you please go to your bottom Header bar—>customize —>element CSS. Now you need to add this custom CSS code to the element CSS.

$el.x-bar{max-width:300px; right:1.5em;}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[hyperdrive_boom]

Perfect - thank you so much Prakash - this works!

[prakash_s]

You are most welcome, Jason.