How to center navigation menu below store logo. (Simple Theme)

VinylHangout
New Member
2 0 0

Hi! I have tried all day to find where in the CSS I can change / align the menu to the center of my page below the logo.

Website: https://vinylhangout.net/

If anyone can point me in the right direction, I would be so grateful!

Thanks!

0 Likes
Pallavi
Shopify Expert
2366 396 513

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.site-wrapper div#shopify-section-sidebar nav {
width: 100%;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
VinylHangout
New Member
2 0 0

unknown.jpg

Hi! So this worked with the text being in the center. But only for the menu choices that don't have drop down menus. The main categories are still to the side. Also, is there any way to turn them into a horizontal menu instead of vertical?

Website after adding code: https://vinylhangout.net/

0 Likes