How to make footer full width dawn 5.0.0 theme

Store Design
1

Hello,

I want to make my footer full width so there’s no big gap on the right and left side. I’ve tried various codes I found on internet and didn’t come up with any solution.

I’m using dawn theme 5.0.0 btw

Here’s the link to my website:

www.ramahija.com and the password is gaylda

Thank you in advance!

2

What I see is that you have your content of the footer centered like this:

EmanuelVT_0-1653702085130.png
EmanuelVT_0-1653702085130.png1883×557 66.3 KB

But, you want it more spread out? Am I right?

1 Like
3

If you go to your footer element with the class of footer__content-top page-width and you remove the page-width class, then the elements of the footer will occupy most the width of the footer. You can still control how much gap you have left or right by adding some padding left or right to that element.

EmanuelVT_0-1653703141684.png
EmanuelVT_0-1653703141684.png1891×753 183 KB

1 Like
4

Hi @ramahija ,

  1. Go to Admin > Online store > Themes > Actions > Edit code
  2. Open the base.css file under the Asset folder
  3. Add the code below.
.footer-block__details-content.footer-block-image.center {
display: flex;
justify-content: flex-start;
}

.footer__content-top.page-width {
max-width: 100%;
}
2 Likes
5

Add below css in base.css

.footer__content-top.page-width {

  1. padding: 0 0 5rem 0 !important;
  2. margin: 0 !important;

}

6

this one works like charm! Thank you!

1 Like