Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Accordion Feature on Mobile - reduce spacing between items


LV-OZ

Question

Site URL: https://lobster-ray-g42d.squarespace.com/sandalwood-oils/

Hi There

I would like to reduce the spacing between the items in my accordion Code Block on https://lobster-ray-g42d.squarespace.com/sandalwood-oils/

PW: youcanenter

It looks nice and tight on the desktop version, but it is more spaced  out on the mobile version. Is there a way to adjust that?

Thank you!
Louisa

 

Edited by LV-OZ
Link to comment

5 answers to this question

Recommended Posts

  • 0
20 hours ago, LV-OZ said:

Site URL: https://lobster-ray-g42d.squarespace.com/sandalwood-oils/

Hi There

I would like to reduce the spacing between the items in my accordion Code Block on https://lobster-ray-g42d.squarespace.com/sandalwood-oils/

PW: youcanenter

It looks nice and tight on the desktop version, but it is more spaced  out on the mobile version. Is there a way to adjust that?

Thank you!
Louisa

 

try

@media only screen and (max-width: 640px) {
  section[data-section-id="60e4fcc84880800d38cbff41"] .content__title h4 {
    margin: 0;
  }
  ul.click-reveal {
  	margin: 0;
  }
}

image.png.f57551309ba63b611e6af10bd69d22a2.png

Edited by bangank36

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
2 hours ago, bangank36 said:

try


@media only screen and (max-width: 640px) {
section[data-section-id="60e4fcc84880800d38cbff41"] .content__title h4 {
  margin: 0;
}
}

image.png.f57551309ba63b611e6af10bd69d22a2.png

Thank you - is there a way to move the text a little to the left?

Link to comment
  • 0
1 hour ago, LV-OZ said:

Thank you so much!! That worked perfectly.

Is there anyway to move the list a little to the left on mobile too?

Much appreciated!!

CHeck the updated code

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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