CSS help

[ad_1]

I’m pretty sure that I need to add custom CSS to fix a menu issue, as there is no access to what I need to do in the customizer or the theme options.

Site: [https://fleetwoodsynagogue.or](https://fleetwoodsynagogue.ort)g

Problem: I have just added an additional top level page. This has caused the menu to wrap to two lines, even on a full screen desktop display.

Using the Inspect function, I found the following and see that manipulating the 20 px setting in the padding will cure the problem. Unfortunately, I don’t know how to write the code for the CSS. I’m not even clear on how to get the class for the CSS.

All help appreciated!

Here’s what I think is the relevant code.

#Top_bar .menu > li > a span:not(.description) {
display: block;
line-height: 60px;
padding: 0 20px;
white-space: nowrap;
border-right-width: 1px;
border-style: solid;
}

[ad_2]