Solved

How can I make only the 'quote' a button without affecting drawer items?

tailormade1
Excursionist
18 0 1

I've managed to make the last link in my header into a button, however, it's also making every last item in the drawers red too. Below is the code I've used to far. Is there a way to make it so it's just the 'quote' that is a button and not the drawer items?

 

.header .header__inline-menu .list-menu > li:last-child > a{
background: #d04649;
border-radius: 0px;
text-decoration: none !important;
padding-left: 30px;
padding-right: 30px;
color: #fff!important;

Screenshot 2024-04-16 at 10.25.29.png

https://www.tailormadedesigns.co.uk/
Accepted Solutions (2)

sahilsharma9515
Shopify Partner
1010 124 189

This is an accepted solution.

Hi @tailormade1 Add the below code where you have added your other custom css code.

 

a#HeaderMenu-quote {
    background-color: red !important;
}

Result:

sahilsharma9515_0-1713260070881.png

 

If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


View solution in original post

Asad-Mahmood
Explorer
50 8 8

This is an accepted solution.

Use this code instead

a#HeaderMenu-quote {
    background-color: #d04649;
}
If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
asadmahmood8470@gmail.com

View solution in original post

Replies 4 (4)

sahilsharma9515
Shopify Partner
1010 124 189

This is an accepted solution.

Hi @tailormade1 Add the below code where you have added your other custom css code.

 

a#HeaderMenu-quote {
    background-color: red !important;
}

Result:

sahilsharma9515_0-1713260070881.png

 

If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


tailormade1
Excursionist
18 0 1

Perfect, thank you. 

https://www.tailormadedesigns.co.uk/

Asad-Mahmood
Explorer
50 8 8

This is an accepted solution.

Use this code instead

a#HeaderMenu-quote {
    background-color: #d04649;
}
If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
asadmahmood8470@gmail.com
tailormade1
Excursionist
18 0 1

Nice one, cheers. 

https://www.tailormadedesigns.co.uk/