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

Store Design
1

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!

1 Like
2

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

3

@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;}
1 Like
4

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!

1 Like
5

@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;
}
2 Likes
6

@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

7

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