Hello. By default, the secondary header bar disappears after scrolling down. How can I force the secondary header bar to be sticky and seen at all times? Thank you.
Please ensure that 'Header Remove Desktop Stickiness' is turned off and 'Header Sticky On Mobile' is turned on as shown below:
Also ensure to set 'Secondary Header Mobile Functionality' as shown below:
Also Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hello. By default, the secondary header bar disappears after scrolling down. How can I force the secondary header bar to be sticky and seen at all times? Thank you.
Hello There,
Thanks for keeping in touch,
Please ensure that 'Header Remove Desktop Stickiness' is turned off and 'Header Sticky On Mobile' is turned on as shown below:
Also ensure to set 'Secondary Header Mobile Functionality' as shown below:
Also Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
div#header-outer { transform: translateY(0px) !important; }Hope this helps.
Thanks.
This worked perfectly. Thank you!!