I need help with the mobile version of the footer of my Shopify store

New Member
2 0 0

Hello! As the title says, i need help with the mobile version of the footer of my site. I want it to look like this: 





Just like that, with lower font and in the middle position. And with the golden titles of the menus. My footer looks like that right now: 



I want to remove the big space between different pages and make it look like the first picture. Could you guys help me out? What should I do with the HTML code? I didn't find any solution, i checked everywhere on the customisation page. Thank you in advance.

Shopify Staff
Shopify Staff
723 40 103

Hi, @PenguinCandy !


Katy here from Shopify. I hope all is well with you, and welcome to our Community here.


I'd love to hep you out with this where I can. The area we will need to focus on mostly will be your Custom Style sheet (or CSS), along with your theme customizer too.

Usually it is helpful if you could include a link to your store. This allows our community members to be able to help you that bit faster, as they can inspect your theme's code.


However in saying this, this is something that our Theme support can assist with on Shopify built themes as part of our Design Policy. You'll need to be using one of our free themes, and have chosen your preferred plan. I've sent you an email to confirm your details and to confirm your eligibility for this.


Do please reply to me when you can!



Katy | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Shopify Partner
85 9 12

Hi @PenguinCandy

Can help you with that, shoot me an email!


Shopify help


Shopify Expert
2474 414 520

Hi @PenguinCandy 

Add this css in asset-?theme.scss

@media only screen and (max-width: 767px) {
  .site-footer .site-footer__item-inner { width: 100%; }
  .site-footer .site-footer__content{text-align: center;}
  .site-footer .site-footer__linklist-item{    padding: 5px 0;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
New Member
2 0 0

Thank you so much! Worked perfectly. :)