NGM Posted February 17 Share Posted February 17 How do I make the grey section (SPECIAL OFFER: £120 fourball - Jan & Feb ‘23) stick to the bottom of the header on scroll? https://www.machgolf.com/greenfees Link to comment
Solution tuanphan Posted February 21 Solution Share Posted February 21 Add to Design > Custom CSS [data-section-id="63e6637613db3f494e7aa702"] { position: sticky; position: -webkit-sticky; top: 70px; z-index: 999999; } 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
NGM Posted March 3 Author Share Posted March 3 @tuanphanit looks great on mobile and most desktop browser screen sizes. Is there a way to avoid the gaps on tablet and some screen and zoom sizes? Link to comment
tuanphan Posted March 6 Share Posted March 6 On 3/3/2023 at 7:48 PM, NGM said: @tuanphanit looks great on mobile and most desktop browser screen sizes. Is there a way to avoid the gaps on tablet and some screen and zoom sizes? use this [data-section-id="63e6637613db3f494e7aa702"] { position: sticky; position: -webkit-sticky; top: 70px; z-index: 999999; } /* tablet */ @media screen and (max-width:1024px) and (min-width:768px) { [data-section-id="63fe4c0f075efc4020c6faf4"] { top: 82px !important; } } 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