Re: Make green rectangle around one item in menu and make it off to right
Hey @Haden,
This should work for you 😊
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
change the "margin-left: 50px" value 50 to a lesser number if it's too far right. Increase it if you want it to go further.
<style>
@media only screen and (min-width: 769px) {
header > nav.header__inline-menu > ul > li:last-child {
margin-left: 50px !important;
border: 1px solid rgb(var(--color-link));
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @Haden,
This should work for you 😊
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
change the "margin-left: 50px" value 50 to a lesser number if it's too far right. Increase it if you want it to go further.
<style>
@media only screen and (min-width: 769px) {
header > nav.header__inline-menu > ul > li:last-child {
margin-left: 50px !important;
border: 1px solid rgb(var(--color-link));
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Community Blog Articles
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024