LisaLubrini Posted September 21, 2022 Share Posted September 21, 2022 Site URL: https://www.aeneis-paris.com Hi, I need help in making my navigation bar / menu fixed when scrolling. I tried to add the code below but didn't work. The categories in silk scarves are sticky when scrollling but with transparent background, ideally they should be fixed as the header with white background. Can someone help me out? Thank you Lisa Link to comment
tuanphan Posted September 21, 2022 Share Posted September 21, 2022 Add this to Design > Custom CSS /* sticky header */ header.Header.Header--top { position: sticky; position: -webkit-sticky; top: 45px; z-index: 9999; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
LisaLubrini Posted September 21, 2022 Author Share Posted September 21, 2022 Thank you, it worked perfectly for the navigation bar. The only problem is that now the categories in SILK SCARVES disappear when scrolling. How can I fix this? Link to comment
tuanphan Posted September 22, 2022 Share Posted September 22, 2022 You want this sticky? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
LisaLubrini Posted September 22, 2022 Author Share Posted September 22, 2022 Yes, but only when the user click on silk scarves. Once they appear in this shop I would like them to be sticky, then when the user moves on to another shop, Bags for example, this two categories will disappear. Thank you Link to comment
tuanphan Posted September 24, 2022 Share Posted September 24, 2022 On 9/22/2022 at 9:54 PM, LisaLubrini said: Yes, but only when the user click on silk scarves. Once they appear in this shop I would like them to be sticky, then when the user moves on to another shop, Bags for example, this two categories will disappear. Thank you It means, it will sticky on this page only? https://www.aeneis-paris.com/aeneis-shop-silk-scarves Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment