Jump to content

How to display buttons only on desktop?

Recommended Posts

Hi all, 

Currently creating my website and I'd like to have it so click through buttons on poster images, are only active on desktop not mobile. 

Is this possible? 

I already have some custom CSS so that hover over reveals the button although I don't think this will affect any of your suggestions.

Thanks in advance, 

Alex

Link to comment
  • Replies 3
  • Views 1k
  • Created
  • Last Reply

Hi,
Use this code in Design -> Custom CSS

@media screen and (min-width:768px){ /* Your CSS Here */ }

Remember to remove /* and */ and replace your CSS within {}.
Also you need to call your button class from parent section id. If you don't need how to do it just let me know your website URL pleae.

Please use the like button if it helps you.
Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment

Hi Leopold, 

Thanks for the quick reply. 

I don't know how to call the button class unfortunately. My site hasn't been published yet either. 

If you point me in the right direction, I should be able to figure it out... 😄

Thanks, 

Alex. 

Link to comment

You're welcome dear.
If you know how to work with Inspect Element of your browser you can find the ID of the parent element (Div/Section) that started with "data-block or page-section-" Just write this before your button class like this
 

#block-yui_3_17_2_1_1593572647941_16467 .sqs-block-button-element{}

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment

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.