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

Solved
Highlighted
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: 

 

 

Screenshot_591.jpg

 

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: 

Screenshot_592.jpg

 

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.

0 Likes
Highlighted
Shopify Staff
Shopify Staff
730 41 112

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!

 

Cheers,
Katy

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

0 Likes
Highlighted
Shopify Partner
129 13 14

Hi @PenguinCandy

Can help you with that, shoot me an email!

denisaksutik@gmail.com

Shopify Expert Support
denisaksutik@gmail.com
https://thewebave.com/
0 Likes

Success.

Shopify Expert
2758 477 618

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
Highlighted
New Member
2 0 0

Thank you so much! Worked perfectly. :)

0 Likes