Upper menu buttons width

• 

  omaradnan2 · Member · Oct 1, 2013 at 6:32 pm

  • Copy link
  • Add topic to favorites

  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)

• 

  justpi · Member · Oct 1, 2013 at 7:29 pm

  • Copy link

  The easy thing to do is remove the white border of the rightmost item:

  #menu-item-38 {
      border: 0 none !important;
  }

• 

  omaradnan2 · Member · Oct 2, 2013 at 12:22 am

  • Copy link

  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)

• 

  justpi · Member · Oct 2, 2013 at 8:54 am

  • Copy link

  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;
  }

• 

  omaradnan2 · Member · Oct 2, 2013 at 12:35 pm

  • Copy link

  thanks

• 

  justpi · Member · Oct 2, 2013 at 12:55 pm

  • Copy link

  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.

• 

  omaradnan2 · Member · Oct 2, 2013 at 3:22 pm

  • Copy link

  done :)