Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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

Solved

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

Ben1000
Trailblazer
262 3 80

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

 

How can I solve it?

 

Thanks

Accepted Solution (1)
Ben1000
Trailblazer
262 3 80

This is an accepted solution.

Hi @ZestardTech ,

 

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

 

Thank you @rutvik_shop

View solution in original post

Replies 6 (6)

ZestardTech
Shopify Partner
6161 1100 1479

Hello There,

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Ben1000
Trailblazer
262 3 80

Hi @ZestardTech 

 

wortheattt.myshopify.com

pass: singa

 

Thanks

ZestardTech
Shopify Partner
6161 1100 1479

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%;}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Ben1000
Trailblazer
262 3 80

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
Trailblazer
262 3 80

Hi @ZestardTech 

 

Do you know how to solve the last issue?

 

Anyone?

Ben1000
Trailblazer
262 3 80

This is an accepted solution.

Hi @ZestardTech ,

 

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

 

Thank you @rutvik_shop