Unequal Padding in Homepage Sections - DAWN Theme

[Yasir6]

Hi, I'm using the DAWN theme and I'm having an issue with the homepage design. I've added multiple sections to the homepage, including 'Image with Text' and 'Featured Products'. Currently, the left and right side padding in these sections is unequal, as shown in the attached screenshot. How can I fix this?

[Mehran_Ali]

Hi @Yasir6 

Kindly share the store URL

[Moeed]

Hey @Yasir6 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Yasir6]

My Website is currently berastores.com

[BSSCommerce-B2B]

Hi @Yasir6 

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file component-slider.css and add this code snippet to the end of the file

[id^='Slider-template'] {
    transform: translateX(-60px) !important;
}

Result

If it's helpful, please like and mark it as a solution, thank you 😇

[Yasir6]

Sorry but it's doesn't work.

[BSSCommerce-B2B]

Access theme.liquid and add the CSS before the </head> tag

[id^='Slider-template'] {
    transform: translateX(-60px) !important;
}