How to add a button to my website header?

Solved

How to add a button to my website header?

underdogev
Visitor
2 0 0

Hello

 

I have looked through a few threads to find the answer but none are working for me.

 

I'd like to add a button to my header - specifically where it says 'Free Week Trial'.

 

Even just changing the colour or adding a background to the current text would be amazing?

 

Thank you for any help anyone is able to offer.

 

Website: https://underdogevolution.com.au/

Theme: Streamline by Archetype 

Accepted Solution (1)

suyash1
Shopify Partner
10539 1300 1664

This is an accepted solution.

@underdogev - try this css by adding it to the end of your theme.css file, and make sure that Free Week Trial stays the last nav item, change color shade to the color you want

 

.site-nav__item:last-child a.site-nav__link{background-color: #000;}

 

suyash1_0-1687485224982.png

 

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 3 (3)

suyash1
Shopify Partner
10539 1300 1664

This is an accepted solution.

@underdogev - try this css by adding it to the end of your theme.css file, and make sure that Free Week Trial stays the last nav item, change color shade to the color you want

 

.site-nav__item:last-child a.site-nav__link{background-color: #000;}

 

suyash1_0-1687485224982.png

 

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
underdogev
Visitor
2 0 0

It worked! Thank you so much! 

suyash1
Shopify Partner
10539 1300 1664

welcome, do let me know if you have any more updates, you have my email below

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.