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

Highlighted
Tourist
7 0 2

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
Highlighted

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;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Partner
267 26 42

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
0 Likes
Highlighted
Tourist
7 0 2
Thank you so much! It worked perfectly!
0 Likes
Highlighted
Tourist
10 0 2

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
Highlighted
Shopify Partner
267 26 42

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
1 Like
Highlighted
Tourist
10 0 2

Thank you!

0 Likes