Upper menu buttons width
-
Hi guys
In the upper menu of my website (www.cfatutor.me) there is a small empty space on the rightside because the buttons don’t fill it till the end – how can I adjust the size of the buttons so that the bar doesn’t show any empty space in it
Omar
The blog I need help with is: (visible only to logged in users)
-
The easy thing to do is remove the white border of the rightmost item:
#menu-item-38 { border: 0 none !important; } -
it does work and would be fine if there is no other solution but it quite look ugly when someone clicks on ‘contact information’ now as it shows grey color (the color that shows when a mouse is hovered on the button) only for the icon and the remaining part doesn’t change .. take a look on how it shows on the website now (www.cfatutor.me)
-
Try adding this as well (without removing my previous suggestion):
#main-nav ul { background-color: transparent; } #main-nav ul li { background-color: #B42529; } #menu-item-45 a { padding-left: 17px !important; } #menu-item-38 a { padding-right: 16px !important; } -
-
You’re welcome.
Now it’s ok in Firefox, but in Safari the last menu item drops to a second line. Try changing the 17px to 16px. -
- The topic ‘Upper menu buttons width’ is closed to new replies.