Displaying Book Now Button on Mobile Site

Hi there!

I've seen it on a few other forums but I am wondering what code I need to add in for a "book now" button for our mobile site? It's in the drop down menu but not on the actual header. I also would like to know where I put in the custom code?

Thank you so much! 

If you share site url, we can help easier

You can also follow this thread

On 8/23/2024 at 1:18 AM, tuanphan said:

If you share site url, we can help easier

You can also follow this thread

 

Thank you so much for your help this is our URL:

https://www.sdthrive.com

On 8/27/2024 at 12:17 AM, thrivephysicaltherapysd said:

Thank you so much for your help this is our URL:

https://www.sdthrive.com

Hi,

I see you figured it out?

10 hours ago, tuanphan said:

Hi,

I see you figured it out?

Yes I did, thank you so much for your help! I was wondering if there was a way to make everything in line? Bring the book now button and the menu in line with the logo?

On 8/31/2024 at 12:46 AM, thrivephysicaltherapysd said:

Yes I did, thank you so much for your help! I was wondering if there was a way to make everything in line? Bring the book now button and the menu in line with the logo?

You can use this to Custom CSS box

@media screen and (max-width:767px) {
.header-display-mobile {
    align-items: center;
}

a.btn.btn--border.theme-btn--primary-inverse.sqs-button-element--primary, .header-burger {
    top: 10px;
    position: relative;
}
}