Docs

[solarwoods]

I’m using the Renew stack. I have a long menu with 6 items which takes up about 720 pixels. If the browser window size is reduced to about 1165, the menu floats down below the company name that is on the left side (280 pixels wide) which causes the header div to expand downward and cover part of the page. When the width gets down to 960 pixels, the menu changes to the mobile format with the box of 3 lines. I believe I can change this using custom CSS but haven’t figured out what I need exactly. I tried adding the following:

@media only screen and (max-width:1165px){
.x-nav-wrap.desktop {
display: none;
}
.x-btn-navbar {
display: block;
float: right;
}
}

and while that worked to change the menu to the square button, clicking on the button doesn’t show the menu; not until the browser width is about 960. I’m obviously missing something else that needs to be changed so that the pulldown menu appears up to a width of 1165 but I can’t figure out what that change should be.

Any help would be appreciated.

WP version 4.6.1
X version 4.6.2
Cornerstone 1.3.1

[Rue Nel]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[Author]

Posts