# Align CTA with Navigation bar

**URL:** <https://community.hubspot.com/t/align-cta-with-navigation-bar/10790>\
**Category:** CMS Development\
**Created:** [October 31, 2018, 9:03pm UTC](https://community.hubspot.com/t/align-cta-with-navigation-bar/10790 "2018-10-31T21:03:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bshirshekar](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bshirshekar/32/26012_2.png) [@Bshirshekar](https://community.hubspot.com/u/Bshirshekar)\
**Post date:** [October 31, 2018, 9:03pm UTC](https://community.hubspot.com/t/align-cta-with-navigation-bar/10790/1 "2018-10-31T21:03:30Z")

</div>

![Screen Shot 2018-10-31 at 4.58.37 PM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/b/6baea30e099c43f188a1af6ad0966ec8e288db3f.png)

I would like for my CTA to be more in line with the nav bar - I want to remove most of the negative space and size it accordingly to match the text in the menu.

Any ideas?

---

<div class="post-metadata">

**Author:** ![Kevin-C](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevin-c/32/34570_2.png) [@Kevin-C](https://community.hubspot.com/u/Kevin-C)\
**Post date:** [November 1, 2018, 2:45pm UTC](https://community.hubspot.com/t/align-cta-with-navigation-bar/10790/2 "2018-11-01T14:45:45Z")

</div>

@Bshirshekar

Could you post a live version of the site so we may assess the css directly?

---

<div class="post-metadata">

**Author:** ![Bshirshekar](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bshirshekar/32/26012_2.png) [@Bshirshekar](https://community.hubspot.com/u/Bshirshekar)\
**Post date:** [November 1, 2018, 4:21pm UTC](https://community.hubspot.com/t/align-cta-with-navigation-bar/10790/3 "2018-11-01T16:21:55Z")

</div>

[https://www.kaplanexec.com/](https://www.kaplanexec.com/)

---

<div class="post-metadata">

**Author:** ![Kevin-C](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevin-c/32/34570_2.png) [@Kevin-C](https://community.hubspot.com/u/Kevin-C)\
**Post date:** [November 2, 2018, 3:43pm UTC](https://community.hubspot.com/t/align-cta-with-navigation-bar/10790/4 "2018-11-02T15:43:41Z")

</div>

Please forgive my delay, I see a few possibilities here, here and I’ll have to answer in stages.

1) Insert the CTA with the advanced menu with custom html and css. See a similar solution at the following link: [https://community.hubspot.com/t5/Content-Design-Questions/Centered-Logo-in-Navigation/m-p/212393](https://community.hubspot.com/t5/Content-Design-Questions/Centered-Logo-in-Navigation/m-p/212393) answered by Designer\_WOT

- in my opinion this might work best when thinking about mobile browsers.

2) TBA

---

<div class="post-metadata">

**Author:** ![Kevin-C](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevin-c/32/34570_2.png) [@Kevin-C](https://community.hubspot.com/u/Kevin-C)\
**Post date:** [November 2, 2018, 3:46pm UTC](https://community.hubspot.com/t/align-cta-with-navigation-bar/10790/5 "2018-11-02T15:46:37Z")

</div>

Also ensure that you’re testing your solution on multiple browsers. I noticed that our displays did not match.

 ![Screen Shot 2018-11-02 at 11.46.15 AM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/5/1/5197b2f689622b2eafba197ba0031cb1eaaf2100.png)