Accordion Feature on Mobile - reduce spacing between items

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

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;
  }
}

Thank you so much!! That worked perfectly.

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

Much appreciated!!

2 hours ago, bangank36 said:

try

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

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

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

14 minutes ago, bangank36 said:

CHeck the updated code

Amazing. Thanks every so  much!!