Jump to content

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

Recommended Posts

  • Replies 4
  • Views 719
  • Created
  • Last Reply
Posted
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!)

Posted
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.

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.