Docs

[taylorbw334]

I would like to either have my navbar links on two lines stacked, justified to the right -or- have the longer links break to two lines.

My client insists on these long navbar link names, but I haven’t had any luck trying to get the actual links to break to two lines.

For instance ‘commitment to the community’ would have the ‘commitment’ on top, and the ‘to the community’ would break underneath it.

I have tried adjusted the spacing but that will not force the links to break.

Ultimately the problem is when the browser window isn’t wide, the mobile button just pops up. I need the navbar links to be visible until you get down to mobile sizes.

So either permanently have the navbar break into two rows justified to the right, or have the actual link lines individually break / stack.

Thank you.

site: http://owings.benwoodsdesign.com
using renew

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > custom > CSS

@media(min-width: 969px)  and (max-width: 1200px) {
.x-brand img {
    width: 120px;
    margin-top: 22px;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-right: 5px;
    padding-left: 5px;
}
}

You also could remove Home from your navbar since the logo does that job 🙂

Hope it helps

Joao

[Author]

Posts