Wanting a button for only Desktop/Tablet, and a different button for Mobile only

jnicoleb · April 12

Hi again, 😵‍💫

I am wanting the "Request Appointment" button to show up on all screen sizes except mobile.
On mobile I am wanting to have the "Click to call now" button located in the hamburger menu.

My problem is that when using the hamburger menu on tablet (portrait mode) it is showing the "Click to call button" when I want it to be the "Request Appointment" button.

Right now the "Request Appointment" button is made through custom CSS. The "Click to call now" button is the built in CTA header button, that I have tried to code to be hidden on desktop/tablet view.

site: https://brannata-dermatology.squarespace.com/
password: bd

hopefully that makes sense, and thank you so much to anyone who can help!! ⭐

tuanphan · April 16

So you want to hide this button on Tablet?

@media screen and (max-width:1024px) and (min-width:768px) {
    a.btn {
        display: none;
    }
}

jnicoleb · April 16

yes that is all I needed to figure out the rest! thank you so much @tuanphan

Wanting a button for only Desktop/Tablet, and a different button for Mobile only

Recommended Posts

jnicoleb

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

jnicoleb

Link to comment

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources