Docs

[FinchleySociety]

I have a site using X Theme at

http://www.finchleysociety.org.uk

It works very nicely, except that when I display the home page on a small screen the header turns from white to black. I first notice this happening on my Android phone, but thought it might be a Chrome issue. But then when I reduced the window size in my PC browser (Chrome or Edge, doesn’t matter) I noticed the same thing happened – the white background in the header image flipped to black.

Site is still useable, but this seems odd.

Suggestions for a fix welcome

Stephen Yeo

X theme is v 4.6.1
Wordpress is v 4.5.3

[John Ezra]

Hi there,

Thanks for writing in! It seems to be a setting that is set within Ubermenu. If you know where this is you can go ahead and change it. If not you can try CSS. You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.ubermenu-skin-black-white-2 {
    border: none;
    background: transparent!important;
}

Hope this helps – thanks!

[FinchleySociety]

Thanks very much. That works – 99%.

the only problem is that when you reduce the width, eventually the horizontal menu bar disappears, replaced by Menu and a hamburger icon. The problem is that the grey is so light that it is almost invisible.

If I knew a bit more about CSS I would figure out where exactly the colour for Menu is set. But I am a newbie I’m afraid. Is there a simple bit of CSS to make it the same green as the normal horizontal menu? Or is this instead a setting somewhere in the depths of UberMenu?

But even if not, I’m very grateful for the help.

Regards

Stephen Yeo

[Christopher]

Hi there,

Please try this :

.ubermenu-skin-black-white-2.ubermenu-responsive-toggle {
    color: #008A00;
}

Hope it helps.

[FinchleySociety]

Perfect.

Thank you very much indeed.

Stephen Yeo

[Joao]

Hi Stephen,

Glad to hear it.

Joao

[Author]

Posts