2 sticky bars in header not working correctly

Support
#1

Hi Guys
I have new website to build here: http://tso.studio44developer.com.au/
i am trying to get the 2 bars in header to be sticky without moving, the bottom bar always hides then comes back on scroll can you tell me how to keep both bars sticky and showing all the time?

#2

Hey Richard,

The bar should stick together out of the box. The cause of the issue is your custom CSS. Please remove your custom CSS and follow the setup in this screencast: https://youtu.be/KPJsCxeyz5c

Summary of the setup:

  • Change your Bars’ Initial Position to Relative
  • Set the Bar’s Z-index to the same value
  • Set the Bar’s Shrink Amount to 1

May we know what’s the purpose of your CSS so we could point you to the right settings?

Thanks.

#3

thanks for the great support, i worked out the custom css was from the container in the bar being set to no shrink once this was set to standard it all worked.

Thanks

#4

You’re welcome! :slight_smile:

#5

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