CMS Development

kcanize
Member

Changing the width of the navigation bar

Hello,

 

I am working on a new site right now and I am having trouble with the navigation bar:

 

https://www.ovationtravel.com/chartwell2

 

As you can see some of the longer pages in the navigation bar are getting cut off. I can't figure out a way to expand the width so all of the text fits in the nav bar. Any help would be appreciated!

0 Upvotes
1 Reply 1
jzilch
HubSpot Employee
HubSpot Employee

Changing the width of the navigation bar

@kcanize It looks like on the follow class here

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a

You actually have a max-width of 140px which will limit the menu items from expanding to the full width of the text. Screenshot at Dec 26 11-44-13.png

I added a screenshot above of the max-width that should either be removed or increased to account for the larger text. The second arrow is the stylesheet that these styles are coming from which would need to be adjusted.