Dawn 2.0 - How Can I Resize My Footer-Blocks?

Retired Boards Appdev Store Design
1

Hi, I’m using Dawn 2.0 theme. I want to edit my footer-blocks width, so I will receive:

  • Menu: 25% width

  • Contact us 50 % width (Increase the width)

  • Follow us 25% width (Reduce the width)

  • I want the Follow us part to be in the right of the last part (Contact us)

Ben1000_0-1644407386456.png
Ben1000_0-1644407386456.png999×451 74.5 KB

How can I solve it?

Thanks

1 Like
2

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

3

Hi @ZestardTech

wortheattt.myshopify.com

pass: singa

Thanks

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media(min-width: 768px){
.footer .footer__content-top{ display: flex; align-items: flex-start;}
.footer .footer__content-top .grid{ width: 75%;}
.footer .footer-block--newsletter{ width: 25%;}
}
5

Hi @ZestardTech

It almost works well. As you can see, the “Follow us” is not on the same height as the others.

Ben1000_0-1644414885327.png
Ben1000_0-1644414885327.png2140×278 22.6 KB

6

Hi @ZestardTech

Do you know how to solve the last issue?

Anyone?

7

Hi @ZestardTech ,

No need to solve this, @rutvik_shop already solved that for me via this link.

Thank you @rutvik_shop

1 Like