MyBB Community Forums

Full Version: Overlapping div..
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
So here's a problem I've run into

[Image: 6ab63ad912ca707f31a78751c82465c9.png]

the blue bar in the pic is the navigation menu the grey one appears when a user is signed in (usermenu)...

Now they're both the same code but with separate names, what I'm trying to do is.. get the 3 little bars beside each other like this
  [Image: d6c7de48368f0531d0d1362b475c1b4f.png] 

but because it's a duplicate of the same class the grey menu is overlapping the blue menu...now they both work... 

[Image: e8b60e1a4e5362d2ff8900b3a3115f2b.gif]


but as the grey has overlapped the blue it's hiding the FORUM AUTHORITY TEXT so... what I did next was delete the grey background and now it shows the text 


[Image: 98a83927dfb25932e97ba55e80161819.png]

But the FORUM AUTHORITY text is unclickable as the grey div is essentially still there and overlapping.. 

[Image: 31750c43dc95b0a0f4ed4c74a182656f.png]

I've tried adding display:none; but that not only hides the grey bar but it also hides the drop down menu, leaving me with just the navigation menu... so what I'm trying to do is eliminate the div that has the grey background while still keeping the 3 bars 

[Image: 59aca1903391ccb8d68c22b2acf14f7a.png]

that open the drop down menu and of course the dropdown menu itself...

[Image: bd8c1f4abbb7f8fc80f3881cf07693dc.png]

I've had to set the width of the usermenu to 91% so it doesn't fully overlap the nav menu 

[Image: d6dd5f68931373b12cf2e72dc5a15cb2.gif]


NOTE: the navigation menu code is in the Header template & The usermenu code is in the header_welcomeblock_member...as the grey menu will only appear when a user is signed in.

P.s I'm currently working on this on a private test theme.

Fixed Smile