Dawn Theme | Multi-Column Section Changed to Full Width

Store Design
1

Hello there! I’m in the process of getting my new website setup and ready to go for sales. I’m having troubles figuring out what class to target in order to make my multi-column full width and not inline with the page margin. I am using the Dawn theme.

The website URL - https://sbaddemo.myshopify.com/ Password is - sbad2022 (Unfortunately I cannot remove the password until the store has a plan in place.)

On the homepage, if you scroll down to ‘Featured Products & Best Sellers’, that is the multi-column that I would like to make full width. I essentially want them to stretch out to the same width as the product carousel below the multi-column section.

If anyone could provide any information at all, it would be greatly appreciated!!

2

Hi @SBAD ,

Go to Assets > base.css and paste this at the bottom of the file:

.section-template--16052978417882__16539353886019e4bf-padding {
	padding: 0 1.5rem !important;
    max-width: none !important;
}
.section-template--16052978417882__16539353886019e4bf-padding .title-wrapper-with-link .title {
	margin-left: 0 !important;
}

Hope it helps!