[Resolved] padding after update

Please, can you specifically check the list item selector that I highlighted in my screenshot. We need to confirm that the custom CSS right margin is active on your machine.

Thanks for your replies.

In your above screenshot you asked if a container is the specific problem. In my previous reply I did explain the cause of the problem, please, let me know if anything about the explanation doesn’t make sense:

The issue is that at first, the navigation doesn’t have enough space to fit, as a result it goes onto two lines. At this moment the sticky header script calculates the width and height of the header, the height is, of course, double because the menu is on two lines. Then, Custom CSS is applied in load order and the header resizes because the menu is now on one line. However, the header has already calculated width and height and doesn’t calculate it again.

Here are three options that you might consider:

1. Reduce the number of items in your top level menu.
2. Use the rule at the very bottom of your Custom CSS, it’s set to 20px now. This completely resolves the issue in OS X. Reduce that value by 1px increments, testing each time until the issue is fixed on your machine.
3. Or, widen the overall site container with:

/* Site Width */
.boxed #page, .container { max-width: 1250px } body:not(.resp).boxed #page, body:not(.resp) .container { 
	width: 1200px
}

Increase the value as required.

Hope that helps.

Super 🙂 Glad to hear you’ve made progress. Option three is also a possibility if you want to make the menu spacing wider again.

Cheers for now 🙂