Ubermenu font not working

Hi,

Ive set a google font in my ubermenu general settings (Open Sans) which is also set as the body font for the wider integrity theme, however, the font either doesnt work at all (defaults to arial or something else) or randomly changes.

Can you tell me what I need to do to make this work please.

https://dev3.shapecast.com

Thanks,

Will

Hello Will,

Thanks for writing in! I carefully inspected the page and it seems that your custom css is not taking effect because it does not override the default settings. Please be familiar with how the order of the css is applied to a page. This is the order:

  • Stack Style.css
  • Child theme’s style.css
  • WordPress Additional CSS
  • X default Settings
  • X > Custom CSS (Customizer’s custom css)
  • Cornerstone’s page custom css

I can see that you have added custom css in the “Additional CSS” and this does not override the default X settings. I would suggest that you remove your custom css and place it in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r) instead.

Please let us know how it goes.

Fantastic. Thanks very much. That solved it.

Glad to hear it!

Hi,

I’ve replaced a single page with another and once again, the ubermenu fonts have gone haywire. Doesnt sound like this is the same problem but would you mind telling me if this is related or a different problem please.

Thanks,
W

Hi there,

What page has this issue? Would you mind providing what font you’re expecting? And how it should be displayed?

I can’t really verify the relation since the previous is just moving the CSS to X’s custom CSS, and now, it’s different and I’m not sure about the single page.

Thanks!

Hi,

Its actually every page on the site. the menu was open sans and now its reverted to a tiny font which it seems to do periodically.

Thanks,

Hello There,

Thanks for updating in! I have checked your site and I cannot replicate any issue. All I am seeing is this:

Could you please create a screenshot of what you are experiencing? By the way, maybe you are just experiencing browser caching issue. Please clear your browser cache or use private browsing mode and test your site again.

Please let us know how it goes.

I think you could be looking at dev3.shapecast.com. If you look on the main site www.shapecast.com you should see the change.

Hi There,

The “tiny font” is still Open Sans.

Please adjust it on your Ubermenu Settings, if that does not help. please provide your WP admin credentials in a secure note so we can take a closer look.

Thank you

Hi,

This has to be a bug. I just opened the config for uber menu. Made no change other than save configuration and it solved the problem.

Is this a known problem?

Hello There,

This isn’t a bug. You just have a different setting. A bug should be consistent when viewed anywhere. I recommend that if the settings of your staging is the correct, you can import it to the live site. Using the Customizer Manager in X > Overview, you can export the XCS file and import it over to your live site. Importing the XCS file to the live site will make sure that your staging and live site will have the same settings.

Please also check that your UberMenu settings has the same font size because the way I see, the staging is using 15px while the live site is 16px.

And another thing, in your live site there is a JS error on the page.

You may need to test for a plugin conflict that may have caused it.

Sorry I don’t understand this answer. The question wasn’t about differences between two sites. What I noticed was that one second the ubermenu on the live site was set open sans 15px (as intended). Then I added a page and it switched to a tiny (albeit same version of the font) on its own. Then, by doing nothing other than going in to UberMenu and clicking save (with no other changes) the menu reverted to how it should have been.

That’s the bug I’m talking about. Hopefully that makes sense.

Hi there,

It’s not a bug, I see that often on my installation and some other users site and it’s due to cache. Of course, re-saving it will clear that internal cache (transients). Sometimes you also need to switch Ubermenu theme and switch it back again to make sure the correct assets are loaded after updates.

Thanks.

Sounds like a bug to me. Or at best, poor implementation of cache invalidation.

Hi there,

In that case, you should regularly manage your cache, try installing transient cleaner or similar and clean your internal caches. A theme or any plugin has no direct control over how the internal cache or 3rd party plugin cache works. Some hosting (usually most managed WP hosting) uses external cache storage that a plugin or theme has no full-control with.

I understand what you’re trying to say and I would prefer it that way too. We’ll do it that way if it’s easy or possible. But since Wordpress is a modular type where hosting, themes, and plugins could be from different authors then there is no permanent solution for that. But to manually manage and do it. They have their own way of handling it, some host preferred it to have it automatic in which caused a lot of problems.

Thanks!