Docs

[novadoula]

Hi,
I’ve been playing with the sizing and spacing of my nav bar but I can’t seem to get the menu and logo to line up and be responsive.
I tried adding the following, based on another forum post, but it didn’t help.

@media (max-width:1238px) and (min-width:923px){
.x-navbar .x-nav-wrap .x-nav > li > a {
letter-spacing: normal;
}
}

@media (max-width:1076px) and (min-width:923px){
.x-navbar .x-nav-wrap .x-nav > li > a {
padding-right: 15px !important;
padding-left: 15px !important;
}
}

Any help??
Website is http://knowingshe.com It’s not live yet, but I assume you can still access?
Thanks!

[Joao]

Hi There,

As your website is under construction please provide your WP Admin Credentials

Thanks

[novadoula]

This reply has been marked as private.

[Paul R]

Hi,

The login provided doesn’t seem to work.

Kindly check again and let us know.

Thanks

[novadoula]

This reply has been marked as private.

[Joao]

Hi There,

Go to Appereance CUstomizer Header and reduce the link spacing.

Hope that helps

Joao

[novadoula]

Is there a way to make the spacing responsive? I set it so it looked good on my computer but on a larger screen the links seemed too far from the logo.

[Nabeel A]

Hi again,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-navbar .desktop .x-nav>li>a>span {
    padding: 0;
}

@media (min-width: 980px) and (max-width: 1200px) {
.x-navbar .desktop .x-nav>li>a>span {
    font-size: 12px;
}
}

Let us know how this goes!

[novadoula]

Hi,
I thought this was fixed but when I rendered the site as Google, the navbar and logo were not lined up. The navbar links were under the logo, making the grey navbar much larger than intended. Any other advice?

[Joao]

Hi There,

Please add the following code to Appereance Customizer CUstom CSS

@media (max-width: 1078px) {
    a.x-btn-navbar {
        display: inline-block;
        float: right;
    }
   .x-nav-wrap.mobile.collapse.in {
      display: block;
    }
   .x-nav-wrap.desktop {
    display: none;
   }
}

Hope it helps

Joao

[Author]

Posts