How to center main navigation menu and footer text with SUPPLY theme!

TheHatGirls
Excursionist
21 0 6

Hi, I am currently using SUPPLY theme and am looking for instructions on how to center the following on my pages:

 

- Navigation menu

- Footer text

 

Any help is appreciated!

 

store url: https://thehatgirls.com/

 

 

 

0 Likes

Hello @TheHatGirls,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

#AccessibleNav,.site-footer.small--text-center {
	text-align: center;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
PremierStores
Shopify Partner
271 26 50

HI, @TheHatGirls

You can achieve this by adding these CSS styles, paste it at the bottom of your theme.scss:

@media screen and (min-width: 769px){
  ul#AccessibleNav {
    text-align: center;
  }
}
footer.site-footer.small--text-center{
    text-align: center;
}

On your Shopify > Themes > Actions > Edit code: At the sidebar scroll down to Assets and there you will find the theme.scss file

Let's make the best store!
Contact us at: thepremierstores@gmail.com
TheHatGirls
Excursionist
21 0 6
Thank you so much! It worked perfectly!
D2
Tourist
10 0 3

Hi,

That code worked well for my header menu but the bottom footer links didn't move. 

Here is an image. The yellow highlighted text is what I need to center. 

Thanks!

theme-footer-center.PNG

0 Likes
PremierStores
Shopify Partner
271 26 50

Hi, @D2 :

 

You can try code this instead of:

footer.site-footer{
    text-align: center;
}


Best wishes. 

Let's make the best store!
Contact us at: thepremierstores@gmail.com
D2
Tourist
10 0 3

Thank you!

goforrony
New Member
1 0 0

Yo thanks a lot man, I was using debutify theme and couldn't have done it without you

0 Likes