How can I center the menu items wording on my website?

as the subject above.

heres my url: https://www.snooze-store.com/

1 Like

@Dom2306

please add the following CSS to your assets/theme.scss.liquid bottom of the file.

@media only screen and (min-width: 992px){
.site-nav {
    margin-left: 0px!important;
    left: 0px!important;
    top: -9px!important;
}

.site-nav__child-link--parent {
    text-align: center !important;
}
}

@media only screen and (max-width: 749px){
.site-header__logo {
    text-align: center !important;
    margin: 15px auto !important;
    display: inline-block !important;
    padding: 0px !important;
}

.site-header__icons {
    width: auto;
    margin: 0 auto !important;
}
}

Thanks!

1 Like

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:
body ul#SiteNav .site-nav__childlist{ width: 100%; }
body ul#SiteNav .site-nav__childlist .site-nav__childlist-grid { width: 100%; justify-content: center;}
body ul#SiteNav ul.site-nav__childlist-grid > li { padding: 0 10px !important;}
body ul#SiteNav .site-nav__child-link--parent{text-align: left !important;}
body ul#SiteNav ul.site-nav__childlist-grid > li li { padding-left: 0 !important;}