# Problem adding a CTA button to navigation bar

**URL:** <https://community.hubspot.com/t/problem-adding-a-cta-button-to-navigation-bar/18020>\
**Category:** CMS Development\
**Tags:** design-manager\
**Created:** [January 9, 2020, 7:49pm UTC](https://community.hubspot.com/t/problem-adding-a-cta-button-to-navigation-bar/18020 "2020-01-09T19:49:12Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![matt5](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/matt5/32/13521_2.png) [@matt5](https://community.hubspot.com/u/matt5)\
**Post date:** [January 9, 2020, 7:49pm UTC](https://community.hubspot.com/t/problem-adding-a-cta-button-to-navigation-bar/18020/1 "2020-01-09T19:49:12Z")

</div>

I’ve added a CTA button to the navigation bar on my blog, but as you can see in the screenshot below it has aligned itself to the top left of the navigation bar, overlapping the logo. I need this button to be positioned where it will replace the ‘register’ link that’s currently on the far right of the menu.

 ![Screenshot-2020-01-09-at-19.06.25.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/8/87275c522a5251aed97d75d0d61c569bbcdefa72.jpeg)

Below shows how I added the CTA button to the navigation bar.

 ![Screenshot-2020-01-09-at-19.07.20.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/9/924573116713886a3b6bd62207cffaf0bebb736f.jpeg)

What am I doing wrong? I should mention that this custom blog theme was created by a Hubspot developer, and my experience with web development, particularly CSS, is very limited.

Thanks.

---

<div class="post-metadata">

**Author:** ![sharonlicari](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sharonlicari/32/101479_2.png) [@sharonlicari](https://community.hubspot.com/u/sharonlicari)\
**Post date:** [January 10, 2020, 10:02am UTC](https://community.hubspot.com/t/problem-adding-a-cta-button-to-navigation-bar/18020/2 "2020-01-10T10:02:38Z")

</div>

Hey @matt5

Thank you for the information provided, could you please send the URL?

I will tag a few of our experts to learn from them.

Hey @DanielSanchez@krishangtechn @tjoyce could you please share your knowledge with @matt5?

Thank you & Happy Friday

Sharon

---

<div class="post-metadata">

**Author:** ![krishangtechn](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/krishangtechn/32/69942_2.png) [@krishangtechn](https://community.hubspot.com/u/krishangtechn)\
**Post date:** [January 10, 2020, 10:09am UTC](https://community.hubspot.com/t/problem-adding-a-cta-button-to-navigation-bar/18020/3 "2020-01-10T10:09:06Z")

</div>

@sharonlicari ,  
Happy to help you to @matt5  
@matt5 could you please share the page url so I can check and assist you. Seems on existing live site [https://www.datascience.salon/](https://www.datascience.salon/) is already there register button cta on right side.  
waiting for more details

Thanks,

Ramesh Gosiya

Krishangtechnolab

---

<div class="post-metadata">

**Author:** ![matt5](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/matt5/32/13521_2.png) [@matt5](https://community.hubspot.com/u/matt5)\
**Post date:** [January 10, 2020, 7:10pm UTC](https://community.hubspot.com/t/problem-adding-a-cta-button-to-navigation-bar/18020/4 "2020-01-10T19:10:03Z")

</div>

Thanks 🙂

This is the blog url where I need the CTA button to replace the ‘register’ link: [https://roundtable.datascience.salon/](https://roundtable.datascience.salon/)

This is the main website where we already have the button (not a hubspot CTA) [https://www.datascience.salon/](https://www.datascience.salon/)

I would like the button in the hubspot navigation bar to match the one on the main website as closely as possible.

---

<div class="post-metadata">

**Author:** ![krishangtechn](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/krishangtechn/32/69942_2.png) [@krishangtechn](https://community.hubspot.com/u/krishangtechn)\
**Post date:** [January 11, 2020, 6:30am UTC](https://community.hubspot.com/t/problem-adding-a-cta-button-to-navigation-bar/18020/5 "2020-01-11T06:30:13Z")

</div>

@matt5,

Thanks for sharing the URL

Here you have to apply below stylesheet in your combined-css-ffaac00b86d8795a0ef19d7aac14d389.css file

.custom-menu-primary .hs-menu-wrapper ul li:last-child a {  
background: #ed317d!important;  
color: #fff;  
padding: 6px 15px;  
border-radius: 5px;  
}

.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal\>ul li.hs-item-has-children li:last-child a {background: transparent !important;border-radius: 0;color: #ed317d;}  
Feel free to ask still if have any query confusion will be happy to help you

If you like the solution then kindly mark as solutions with an upvote.

Thanks & Regards,

[Ramesh Gosiya](https://www.linkedin.com/in/rameshgosiya/)

[Krishangtechnolab](https://www.krishangtechnolab.com/)

---

<div class="post-metadata">

**Author:** ![matt5](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/matt5/32/13521_2.png) [@matt5](https://community.hubspot.com/u/matt5)\
**Post date:** [January 13, 2020, 5:52pm UTC](https://community.hubspot.com/t/problem-adding-a-cta-button-to-navigation-bar/18020/6 "2020-01-13T17:52:02Z")

</div>

Can you tell me where I can find the stylesheet where I should apply this css.

Thanks

---

<div class="post-metadata">

**Author:** ![krishangtechn](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/krishangtechn/32/69942_2.png) [@krishangtechn](https://community.hubspot.com/u/krishangtechn)\
**Post date:** [January 13, 2020, 6:27pm UTC](https://community.hubspot.com/t/problem-adding-a-cta-button-to-navigation-bar/18020/7 "2020-01-13T18:27:10Z")

</div>

@matt5 ,

Css file name is : combined-css-ffaac00b86d8795a0ef19d7aac14d389.css file

If you find problem in path can you give hubspot access in private chat I’ll update in tommorow

Thanks

Ramesh

[Krishangtechnolab](https://www.krishangtechnolab.com/)

---

<div class="post-metadata">

**Author:** ![matt5](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/matt5/32/13521_2.png) [@matt5](https://community.hubspot.com/u/matt5)\
**Post date:** [January 15, 2020, 5:24pm UTC](https://community.hubspot.com/t/problem-adding-a-cta-button-to-navigation-bar/18020/8 "2020-01-15T17:24:56Z")

</div>

It worked. Thank you 🙂

---

<div class="post-metadata">

**Author:** ![krishangtechn](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/krishangtechn/32/69942_2.png) [@krishangtechn](https://community.hubspot.com/u/krishangtechn)\
**Post date:** [January 15, 2020, 5:39pm UTC](https://community.hubspot.com/t/problem-adding-a-cta-button-to-navigation-bar/18020/9 "2020-01-15T17:39:29Z")

</div>

@matt5 ,

Glad to hear that.

Could you mark this topic as a solution

Regards,

[Ramesh Gosiya](https://www.linkedin.com/in/rameshgosiya/)

[KrishangTechnolab](https://www.krishangtechnolab.com/)