Featured collection section - side margin appears on mobile?

Featured collection section - side margin appears on mobile?

maksimcuturilo
Excursionist
22 0 4

Hello, 

I'm using the Dawn free shopify theme. The default maximum width was 1600px, I changed that to 100% from the base.css. On desktop it's working fine - the featured colletion section is full width as it should be (first screenshot). However, on mobile these two margins show up on the sides when the featured collection section is 1 column and I have no idea how to get rid of them.

I tried messing around some more with the base.css and also adding code with different selectors, but nothing seems to work. 

Does anybody know from where I should change this? 

 

Thank you very much in advance!

screenshot 1.PNGscreenshot 2.PNG

Replies 2 (2)

BSS-TekLabs
Shopify Partner
2401 695 830

Hi @maksimcuturilo,

Could you kindly provide us with your store URL and, if applicable, the password, so that our team can offer you the necessary support?

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
maksimcuturilo
Excursionist
22 0 4

Hello, thank you for answering, I found a solution - the responsible code was in component-slider.css