How To Fix Footer?

Solved

How To Fix Footer?

Mitesh3
Explorer
122 0 19

My footer is not working properly so I don't know what to do any suggestions?

https://sneakerskull.com/

Screenshot_2024-05-25-20-13-58-95_40deb401b9ffe8e1df2f1cc5ba480b12.jpg

 

Accepted Solution (1)
EBOOST
Shopify Partner
1080 288 321

This is an accepted solution.

Hi,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/theme.css
3. Add code below to end of file

@media only screen and (max-width: 767px) {
  body .footer__item-list {
    display: flex;
    flex-flow: column;
  }
}

EBOOST_0-1717160626164.png

 

 

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips

View solution in original post

Replies 5 (5)

Dawood_Mirza_
Pathfinder
121 17 27

Hi @Mitesh3,
This can be solved, follow the steps 
Go to Online Store > themes > edit Code 
Search theme.css file
In that file around line 15003, 15004 there will be this code

media only screen and (max-width: 767px){
.footer__item.footer__item--text.is-first {
    max-width: 100% !important;
}
.footer__item-list {
    grid-template-columns: 1fr !important;
}
}

replace this with

media only screen and (max-width: 767px){
.footer__item.footer__item--text.is-first {
    max-width: 100% !important;
}
{% comment %}
.footer__item-list {
    grid-template-columns: 1fr !important;
}
{% endcomment %}
}

 and you will be good to go
BR 

Dawood Mirza

Want to work with me - dawoodmirzabusiness@gmail.com
Don't forget to like and mark it as Solution if it was helpful to you.
Mitesh3
Explorer
122 0 19

 Not Working 

EBOOST
Shopify Partner
1080 288 321

Hi @Mitesh3 ,

Which wrong here?

EBOOST_0-1716794857747.png

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips
Mitesh3
Explorer
122 0 19

That Instagram Icon Should Be Down

EBOOST
Shopify Partner
1080 288 321

This is an accepted solution.

Hi,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/theme.css
3. Add code below to end of file

@media only screen and (max-width: 767px) {
  body .footer__item-list {
    display: flex;
    flex-flow: column;
  }
}

EBOOST_0-1717160626164.png

 

 

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips