Docs

[tombo80]

Hello,

I’m getting an odd problem, custom css is only visible in the theme customizer but not in page preview. Do you have any ideas what is happening/how to fix please?

I’ll supply site access details below.

Thanks in Advance

[tombo80]

This reply has been marked as private.

[Christian]

Hey there,

Please give us admin level access so we could check the Customizer.

Thanks.

[tombo80]

It was in the private reply?

Oops sorry, you are admin now thanks!

[Friech]

Hi There,

Thanks, I did add a test custom CSS on customizer and I’m gettings that style on both preview and front-end. Please clarify the issue and clear your browser’s cache.

http://prntscr.com/bt83a8
http://prntscr.com/bt83jl

Cheers!

[tombo80]

Hi,

Ok I am still getting the issue after multiple browser tests and cache clearances. After the first cache clearing it did perform as it should. However it seems to be back to ignoring CSS for the top menu and logo when out of the Customizer.

This is how it should look (note it is in customizer):
http://prntscr.com/buew3q

This is how it looks when exiting customizer:
http://prntscr.com/buewly

The menu fonts are wrong, the position is wrong and the logo position is wrong. Also, your image has a red background, mine doesn’t?

Thanks in advance guys!

[Nabeel A]

Hi again,

Thanks for writing in! I’ve added the following code in your Customizer and it seems to have fixed the issue:

@media screen and (min-width: 960px) {
.ubermenu-responsive-default.ubermenu {
    margin-top: -50px;
}
}

Please reload your site, let us know if it doesn’t work out for you.

Cheers!

[tombo80]

Awesome, that works perfectly thanks a lot.

I have another issue that I have just noticed that might be linked and I’d appreciate a bit of help please. on resizing the screen, there is a certain width where the whole menu and header area seems to reduce in height drastically. It looks like this:

http://prnt.sc/buheru

It only appears like this for maybe 20 pixels of width change for some reason?

Also is it possible to have the menu collapse earlier?

Many thanks guys.

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

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

Adjust the 1200px value according to your wishes.

Hope that helps

Joao

[Author]

Posts