Column in accordion section | Broadcast Theme

[JonX]

Hello,

I would like to increase the number of Column on 1 row to 7 image with text on desktop and 3 on mobile.

Accordion : HOW TO USE

It is ok if the pictures get a bit small as it is Icons.

My URL : https://www.ambigoose.com/products/powerhouse-moisturizer?variant=37129349791943

Thank you

Jon

[Kinjaldavra]

hello @JonX do you want to look like this https://nimb.ws/UL4WwP

[JonX]

@Kinjaldavra Yes exactly… and 3 pic on mobile…

Thank you so much for your reply

[Kinjaldavra]

hello @JonX

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-product-accordion-1 .faq-list.faq-list--5{
	flex-flow: nowrap;
       justify-content: flex-start;
}

@media screen and (max-width: 728px){
#shopify-section-product-accordion-1 .faq-list {
   flex-wrap: wrap !important;
}
#shopify-section-product-accordion-1 .faq-list.faq-list--5 .faq-list__item{
	    flex: 0 0 33.33%;
}
}

[JonX]

That is amazing @Kinjaldavra .

It would great if we could center the text and center the bottom row on mobile

[Kinjaldavra]

#shopify-section-product-accordion-1 .faq-list.faq-list--5{
       justify-content: center;
}

[JonX]

Thank you so much @Kinjaldavra