Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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%;
}
}
This is an accepted solution.
#shopify-section-product-accordion-1 .faq-list.faq-list--5{
justify-content: center;
}
@Kinjaldavra Yes exactly.... and 3 pic on mobile....
Thank you so much for your reply
This is an accepted solution.
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%;
}
}
That is amazing @Kinjaldavra .
It would great if we could center the text and center the bottom row on mobile
This is an accepted solution.
#shopify-section-product-accordion-1 .faq-list.faq-list--5{
justify-content: center;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024