All things Shopify and commerce
Hello guys, how can I adjust the space here for mobile users?
@NikosBat Just use the container layout and write the CSS code for that and apply to globally.
Could you help me with that Saim?
<style>
@media screen and (max-width: 767px) {
.product__info-container .icon-with-text {
margin: -0.5rem;
}
}
</style>
hey @NikosBat dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body> ----->
before the body ----->
if this code work please do not forget to like and mark it solution
Hi @NikosBat
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
@media (max-width: 768px) {
ul.icon-with-text.icon-with-text--horizontal.list-unstyled {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
Result
Best,
DaisyVo
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025