Custom Button in header navigation (Debut Theme)

JhordanMSUITE
Tourist
11 0 7

Hello,

I am using the code below in my navigation as a direct button that leads to the Order page. I need to make the button the first link of the navigation, right now it is the last link. Also, how would I make the font all lowercase and color white, right now it is uppercase color green?

Here is the code below

  <a href="/collections/all" class="btn hero__btn" style="margin:0;">
          order
  </a>

 

URL

https://beauty-and-the-board.myshopify.com/

PW: geifra

 

Thank you!

 

 

Screen Shot 2021-05-03 at 9.02.40 AM.png

KetanKumar
Shopify Partner
17323 1871 6473

@JhordanMSUITE 

sorry for this issue can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.site-nav a.btn.hero__btn {
    text-transform: lowercase;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
5862 1339 1721

@JhordanMSUITE 

Please add the following code at the bottom of your assets/theme.css file,

 

.site-nav a.btn.hero__btn {
    text-transform: lowercase;
    color: #fff;
}

 

Hope this works,

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
JhordanMSUITE
Tourist
11 0 7

Thank you, that solved the issue to make font all lowercase. 

dmwwebartisan
Shopify Partner
5862 1339 1721

@JhordanMSUITE 

It's pleasure to help you.

If helpful then please Like and Accept Solution.

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes