Docs

[heathbr]

The title on most of my pages is cut off by the nav bar. I added the code (below) but it didn’t help. Please see the title cut off at http://theleverageeffect.com/support/

body.x-navbar-fixed-top-active .x-navbar-wrap {
height: 65px;
}

Thanks!

[Joao]

Hi There,

I checked your page and looks fine,

Please clean your browser cache and test again.

If you are still facing the issue please provide the specific URL and a screenshot if possible.

Thanks

Joao

[heathbr]

Cleared WP cache and browser cache, still seeing it. Is it not showing on your end?

Thanks!

[Joao]

Hi There,

Thanks for clarifying,

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

@media (max-width: 1170px) {
    a.x-btn-navbar {
        display: inline-block;
        float: right;
    }
   .x-nav-wrap.mobile.collapse.in {
      display: block;
    }
   .x-nav-wrap.desktop {
    display: none;
   }
@media (max-width: 1275px) {
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 0px;
    padding-right: 0px;
 
} }

Hope it helps

Joao

[heathbr]

It did work, but now the nav bar is gone … :/

[Jade]

Hi there,

Please update the code to:

@media (max-width: 1170px) {
    a.x-btn-navbar {
        display: inline-block;
        float: right;
    }
   .x-nav-wrap.mobile.collapse.in {
      display: block;
    }
}
@media (max-width: 1275px) {
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 0px;
    padding-right: 0px;
 
} }

Hope this helps.

[heathbr]

Bingo!

[Joao]

🙂

[Author]

Posts