Jump to content

How to Make a Sticky Nav for Mobile with the BOOK NOW Button Call to Action?

Recommended Posts

Site URL: https://www.dermaskinandbody.com/

Hello! My client wants both calls to action to always be on each page of her site in the mobile navigation as you scroll. I am currently using SS 7.1 and I cannot for the life of me figure out how to custom code this. I need to basically make a sticky nav with the CTAs. Any help is much appreciated. Site is below:

https://www.dermaskinandbody.com/

Link to comment
On 8/5/2021 at 9:58 PM, SparkandPony said:

Site URL: https://www.dermaskinandbody.com/

Hello! My client wants both calls to action to always be on each page of her site in the mobile navigation as you scroll. I am currently using SS 7.1 and I cannot for the life of me figure out how to custom code this. I need to basically make a sticky nav with the CTAs. Any help is much appreciated. Site is below:

https://www.dermaskinandbody.com/

You want

Button appears next to burger

Sticky mobile header on scroll

Is this right?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
8 hours ago, tuanphan said:

Hi. Sorry for the delay.

I think there is no space for both 2 buttons.

How about, adding a bar (2 buttons) under mobile header?

I think just doing one button - the book now - would suffice in this case. That way when someone is scrolling the nav won't take up too much space.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.