Unfurl
October 31, 2024, 5:03am
1
need to add custom CSS to ensure that the accordion expands fully on mobile. we are using testament theme
full text doesnt show on mobile and doesnt have the option to scroll across to view.
the data comes from a page created then connected via dynamic source
shopify help says that i need to add CSS rules to adjust the height or overflow properties of the accordion elements to ensure they display correctly on smaller screens.
@Unfurl can you please share this page link?
Hi @Unfurl
Could you please share with me your Shopify URL?
Best,
Daisy
Unfurl
November 1, 2024, 1:29am
4
Unfurl
November 1, 2024, 1:29am
5
@Unfurl - for which product are you facing an issue?
Unfurl
November 5, 2024, 5:16am
7
there is a few different ones but this is an example:
https://unfurlclothing.com.au/products/indira-mini-skirt-eggplant?_pos=1&_sid=0f520eb44&_ss=r
SOme also show fine on my mobile but my boss had a different model phone and it doesnt show it all?
@Unfurl please add this css to the very end of your stylesheet.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → stylesheeet.css
@media screen and (max-width:749px){
.c-accordion__inner table{width: 100%; max-width: 100%;}
}