Happening now | Office Hours: Customizing Your Theme With Moeed | Ask your questions now!

How to adjust the space between 2 sections

How to adjust the space between 2 sections

NikosBat
Trailblazer
473 1 102

Hello guys, how can I adjust the space here for mobile users?

 

1.png

Replies 4 (4)

saim007
Shopify Partner
619 75 110

@NikosBat Just use the container layout and write the CSS code for that and apply to globally.

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂
NikosBat
Trailblazer
473 1 102

Could you help me with that Saim?

Mustafa_Ali
Trailblazer
455 47 85
<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

 

DaisyVo
Shopify Partner
4460 499 594

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 

DaisyVo_0-1748942819296.png

 

Best,

DaisyVo

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution