Solved

How can I adjust the alignment of my footer settings without distortion?

essencia_necess
Excursionist
16 0 3

WhatsApp Image 2023-08-25 at 9.49.53 PM.jpeg

 

 

my footer is showing setting like this in the image when i added menu and it was distorted. how can i change the alignment of all i horizontal way without it being distorted. how can we change the code??????

 

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
6419 1539 1909

This is an accepted solution.

Im sorry but I didnt ask you. What is your original alignemnt of the footer? 

I align it like this. 

Ribe_Dagandara_0-1692989863358.png

This is the code. 

.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.grid--3-col-tablet {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    width: 100% !important;
    margin-left: 0px !important;
}

.footer-block.grid__item {
    width: 100%;
}

.footer-block--newsletter {
    flex-direction: column;
    align-items: start;
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.

View solution in original post

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
6419 1539 1909

Hi @essencia_necess 

Would you mind to share your Store URL website? with password if its protected. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
essencia_necess
Excursionist
16 0 3
essencianeccesia.com
Made4uo-Ribe
Shopify Partner
6419 1539 1909

This is an accepted solution.

Im sorry but I didnt ask you. What is your original alignemnt of the footer? 

I align it like this. 

Ribe_Dagandara_0-1692989863358.png

This is the code. 

.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.grid--3-col-tablet {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    width: 100% !important;
    margin-left: 0px !important;
}

.footer-block.grid__item {
    width: 100%;
}

.footer-block--newsletter {
    flex-direction: column;
    align-items: start;
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
essencia_necess
Excursionist
16 0 3

thank you so much I tried your method and it works well.