Change a style for mobile navigation menu button

adipure
Tourist
14 0 1

Hello!

 

I would like to change my style of specific button on mobile nav menu.

So,  I need to change a button's(Buy Now) background color or change style to be more stands out than other

buttons

Untitled1-1-1.png 

Please help me to style this mobile menu.

 

My Site Url: https://pickywicky.com/ 


Thank you!

Replies 3 (3)

AnneLuo
Shopify Partner
432 87 87

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
  .menu__item a[href*="products"] span {
    color: red;
    font-weight: bold;
  }
</style>

 

After modification:

AnneLuo_0-1714094389907.png

 

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

 

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
adipure
Tourist
14 0 1

Hello! Thank you for the reply!
It did work but didn't go to the position that i wanted.

Just one more questions!  Do you know how to add button to the Header? Like I want to add "Buy now" button outside of the navigation like this.

Untitled1111.png

AnneLuo
Shopify Partner
432 87 87

Hi. Just drag this icon with the mouse to modify the order of the menu

AnneLuo_1-1714102833177.png

 

Add menu: click the add menu item.

 

AnneLuo_2-1714102884235.png

 

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

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee