Jump to content

How to change variant drop-down style

Recommended Posts

22 hours ago, Rudybro said:

Thank you! They're very close together on mobile but very spaced apart on desktop. Is that something that can be fixed?

Can you take a screenshot on desktop?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
21 hours ago, Rudybro said:

See attached. 

The boxes being close together on mobile is more important to me than the spacing on the desktop. Ideally would like to prioritize that. Thank you! 

Screenshot 2022-12-06 at 8.41.51 AM.png

Hi,

Reduce these space?

image.thumb.png.8f53603deb5fa8f5ea16d33c86890e5a.png
 

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Not sure what you're sending here ^ you asked me to send a screenshot of desktop. 

I'm hoping to have the spacing on mobile be more spaced out. Right now it is very crammed together. Desktop is too spaced out but ideally would like to fix mobile over desktop. 

 

See screenshot attached. 

IMG_5718.jpeg

Edited by Rudybro
Link to comment

Add to Design > Custom CSS
 

/* Variant space mobile */
@media screen and (max-width:767px) {
.variant-option {
    margin-bottom: 20px !important;
}
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.