making both footer & email signup full width in Dawn theme

[SweatFree]

My website is www.sweatfree.co 

The password is sweatfree123

I was able to find a way to make announcement bar full width, but I am not able to make the footer full width. If you could please advise!

Thank you!

[niraj_patel · Accepted solution]

Hello @SweatFree 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 750px) {
  #shopify-section-sections--14927607169106__footer .page-width {
       max-width: 100% !important;
  }
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[SweatFree]

Thank you, @niraj_patel! 

[oscprofessional]

Hello @SweatFree ,
1. For Newsletter fullwidth, add some css in theme.liquid file before </head> tag.

<style>
.newsletter__wrapper {
  padding-left: 0;
  padding-right: 0;
}
</style>

2. and for footer fullwidth, you need to remove page-width class from footer file.

[Rahul_dhiman]

Hello @SweatFree 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css ----> line number 77
search this code

.page-width {
max-width: var(--page-width);
margin: 0 auto;
padding: 0 1.5rem;
}

and replace with this code

.page-width {
margin: 0 auto;
padding: 0 1.5rem;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks