Support » Themes and Templates » Padding in Chrome and Safari

  • I’m trying to fix an issue on the below site main menu nav; there’s appears to be extra padding being added in Chrome and Safari as the whole nav menu skips a line. I have a reset in place and seem to have located the issue in the below code li padding. If I remove the right padding Chrome and Safair display the nav menu correctly but the menu items are then packed too close together. Would anyone have any experience as to why Chrome and Safari are unhappy with padding right in an li element?

    ul#hor-list li {
    display: inline;
    color: #a5b5e9;
    font: 16px Arial, sans-serif;letter-spacing: 0;
    padding-right: 6px\9;
    padding: 0px 5px 0px 0px;
    margin: 0px;


Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Padding in Chrome and Safari’ is closed to new replies.