Customize footer blocks' positions - Craft theme

johnmedalian
Tourist
32 0 2

Hi,

 

I'm using the Craft theme.

 

I want to customize my positions to be like in the picture below:

  • I want the "Follow us" part to be in the right of the last part (contact us)
  • I want to divide the width of each of the three blocks to Menu 25%, Contact us 50%, Follow us 25%

    johnmedalian_1-1643801166786.png

     

 

How can I do that?

 

thanks

Replies 5 (5)

johnmedalian
Tourist
32 0 2

Anyone?

infoatcodelab7
Shopify Partner
593 141 144

@johnmedalian 

Please share your site URL,
I will check out the issue and provide you a solution here.

Thanks!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
johnmedalian
Tourist
32 0 2

Hi @infoatcodelab7 

 

Thanks, as I see the Craft theme I'm using is similar to Dawn's architecture, I thought maybe that can help you in solving my problem

 

https://wortheattt.myshopify.com/

pass: singa

johnmedalian
Tourist
32 0 2

@infoatcodelab7 

 

Did you find a way to solve it?

 

Anyone?

infoatcodelab7
Shopify Partner
593 141 144

@johnmedalian 

Please Add this CSS to your base.css file

@media (min-width:991px){
.footer__content-top.page-width {
    display: flex;
}
.footer-block--newsletter {
    display: block;
    margin: 0;
}
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
    flex-basis: 80%;
}
}

Thank You!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com