How to change my drop down to align to left in mobile

[ellacoker]

Hello, How can I change this drop down menu so that there is less of a margin in mobile mode? Thank you

URL: https://www.samiyaskincare.com.au/pages/ingredients-glossary

PW: ellacoker

[DaisyVo]

Hi @ellacoker

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
@media screen and (max-width: 768px){
.collapsible-content-wrapper-narrow {
    margin-left: 0 !important;
}
}
{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[LizHoang]

Hi Ellacoker

• You can try to follow this step
  Step 1: Go to Edit code
  Step 2: Find file base.css and add this code at the end of the file

.collapsible-content-wrapper-narrow {
    margin-left: 5px !important;
}

Result:

Best,

Liz