Solved

Make green rectangle around one item in menu and make it off to right

Haden
Visitor
2 0 0

Hello, I want to make my "Shop Now' button on my website off to the right a little bit with a green rectangle around it. This is my website. https://two3solutions.com/

 

Thank you!!!!

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1156 299 229

This is an accepted solution.

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.

ThePrimeWeb_0-1707251555547.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com

View solution in original post

Replies 2 (2)

ThePrimeWeb
Shopify Partner
1156 299 229

This is an accepted solution.

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.

ThePrimeWeb_0-1707251555547.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
Haden
Visitor
2 0 0

Thank you!