Re: Dawn Theme: Add button in header

Justin34 · ‎05-21-2022

Hi all,

I am using the Dawn theme. I want to add a button around "Join Today" in the top navigation of the website. Is there a way to accomplish this?

My website is www.PennsylvaniaParks.org

Thanks so much!

ALL I THINK ABOUT IS OUR PARKS 🙂

NerdCurator · ‎05-21-2022

@Justin34 Yes that is possible but it will require some custom coding. Please direct message so we can solve your issue. Thanks

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 10+ years.
- Was my reply helpful? Click Like to let me know! ☕ Coffee tips fuel my dedication.
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com

KetanKumar · ‎05-21-2022

@Justin34

can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

a[href="/pages/join-today"] {background: #000;}
a[href="/pages/join-today"] span {color: #fff;}

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Justin34 · ‎05-21-2022

It looks GREAT in the header. The only issue I see is that its doing that in the footer too. I just want the button in the header. Also, one last question. Is it possible to curve the corners of the button?

Thanks for all your help!

ALL I THINK ABOUT IS OUR PARKS 🙂

KetanKumar · ‎05-21-2022

@Justin34

yes, please remove last one and add this

.header__inline-menu a[href="/pages/join-today"] {
    background: #00CC28;
    border-radius: 50px;
}
.header__inline-menu a[href="/pages/join-today"] span {
    color: #fff;
}

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Alia_Makarem · ‎03-23-2023

@KetanKumar worked great! I was even able to put an external link.

but I noticed this doesn't apply to the mobile menu, which is a hamburger menu. Any suggestion?

Thanks

hashwear · ‎09-01-2023

can you help me adding a custom button in my header?

Re: Dawn Theme: Add button in header

How can I add a 'Join Today' button to my Dawn theme header?

Community Blog Articles