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?
thanks!
thanks!
@Unfurl - for which product are you facing an issue?
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%;}
}