Shopify themes, liquid, logos, and UX
I'm looking to add some code that will keep my main menu centred when the page is too small for the entire menu to remain on one line. So instead of the current setup which has the second row starting from left to right, can the bottom row be centred?
Thank you in advance.
Please share stroe URL!
Thanks!
https://imyselfandme.com/
This is the store URL but I am working on a theme that isn't live yet.
i think add all menu under "shop" menu
Sorry I don't quite understand what you mean by this.
1. In your Shopify Admin go to: online store > themes > actions > edit code.
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file.
@media only screen and (min-width: 750px){
nav.medium-up--one-half { width: 80% !important;}
.site-header .medium-up--one-quarter { width: 10% !important;}
nav button{ font-size: 15px !important;}
}
Thanks!
I'm afraid this has not worked. The second row of the menu still aligns from the left.
1. In your Shopify Admin go to: online store > themes > actions > edit code.
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file.
.site-nav { text-align: left !important;}
Thanks!
Thanks for the help so far but I'm afraid this still does not work.
Ok , add provide css code to your css file . i will check and send coorect solution for you.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024