Docs

[cstarrduke]

Hello!

The header on my site is wrapping to the second line before becoming a dropdown menu when the screen is smaller. How can I prevent this? I want the header to either be full width on one line or a dropdown menu–not wrapping to the second line.

I am using X Theme version 4.4.2, WordPress version 4.5.2 and Cornerstone version 1.2.4. The URL for the page is http://www.cstarr.org/. This site is under construction right now, so you may not be able to view the page.

Any help would be appreciated! Thank you!

Jillian

[Joao]

Hi Jillian

My guess would be that you could work the font-size, link spacing and letter spacing and also your logo size. so your header be in just one line. You can adjust all the on Appereance / Customizer / Custom / Header

If that does not help, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[cstarrduke]

This reply has been marked as private.

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media screen and (min-width: 980px){
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[cstarrduke]

Great, this worked! Thank you so much!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts