Shopify themes, liquid, logos, and UX
Hello,
How can I center the headers in my collapsible content, and also I want to center the dropdown arrows along with it.
(^ I want the text and arrows centered)
Store: https://bb9f8c-ac.myshopify.com/en/products/tribal-vibe
Pass; pongia
Solved! Go to the solution
This is an accepted solution.
Hey @JordiP
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (min-width: 768px) {
.accordion summary {
justify-content: center !important;
}
summary .icon-caret {
position: relative !important;
top: 7px !important;
left: 10px !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @JordiP
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (min-width: 768px) {
.accordion summary {
justify-content: center !important;
}
summary .icon-caret {
position: relative !important;
top: 7px !important;
left: 10px !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you!
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024