making both footer & email signup full width in Dawn theme

Store Design
, , , ,
1

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!

2

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 on theme.liquid

@media screen and (min-width: 750px) { #shopify-section-sections--14927607169106__footer .page-width { max-width: 100% !important; } }

niraj_patel_0-1722930592187.png
niraj_patel_0-1722930592187.png1347×418 24.1 KB

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

1 Like
3

Hello @SweatFree ,

  1. For Newsletter fullwidth, add some css in theme.liquid file before tag.
  1. and for footer fullwidth, you need to remove page-width class from footer file.

2.jpg
2.jpg1898×925 181 KB

4

Thank you, @niraj_patel !

1 Like
5

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

10.png
10.png1920×919 191 KB

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