Menu going underneath categories and chatbox

Hi, I have a menu added to my website via the homepage message and some CSS, the thing is it used to work perfectly but after i got a problem fixed the other day (topic was solved thanks to @Ange Tuteur https://help.forumotion.com/t143405-welcome-to-the-support-forum-of-forumotion-hide-button ) this new problem came up, whenever the menu is opened it goes underneath the categories and chatbox making it impossible to read unless you scroll to the top of the website, can this be fixed?

Link to my forumotion forum: http://pendulumsduelacademy.forumotion.com/
Preview of what's happening: http://prntscr.com/8k9wup & http://prntscr.com/8k9x34

Thanks in advance!

Hi @Kirbs,

It looks like it's just a z-index problem. Add the following rules to your stylesheet :

Code:

a.trigger { z-index:999 }
.panel { z-index:998 }

It's fixed now ;o just one more thing, is there a way to make it appear in all the pages not just homepage?

Probably if you were to put that part into a widget, then yeah.

@Ange Tuteur i've put it in a widget and removed it from the homepage message it's working on all pages now but a new problem showed up, if you visit the forum and click on it you'll see that some of the text is gone, well it's not gone it's just not visible because it's way too big you'll have to zoom out your screen to see it, any solutions?

Indeed, the font-size property.

Try readjusting the font size with this :

Code:

.panel { font-size:12px }

The widget column must have a way larger one.

Thanks a lot ange, it's all good now

You're welcome. ^^

Topic archived

Have a good weekend.