Bottom bar CSS question

[chojo]

I have installed CTA Portal addon and the CTA FT Layout to help me customize it.

I have previously asked help here about getting a bottom bar like on PixelExit's website. Here is the solution we found to make it work:

/* <----- TOP BAR TO BOTTOM ------->*/
.Responsive .xbTopBar {
bottom: 0;
position: fixed;
z-index: 102;
}

.Responsive .footerLegal {
margin-bottom: 40px;
}

The problem I'm facing is when I'm on the CTA Portal page, I can't click on any option of the bar. To be able too, I need to scroll down. When I'm on the forums, I can click on all options, no need to scroll down.

I though the problem were about the CTA FT Layout addon, but it's creator Dadparvar doesn't seems to find what cause this.

Do you have any idea @Russ ?

for reference: www.hockeyvirtuel.ca

 

[Russ]

For whatever reason he has this z-index set:

.moderatorControls {
  top: 0;
  position: absolute;
  padding: 4px;
  width: 100%;
  z-index: 1000;
}

Which is what's causing it to basically "cover up" the floating bar. 1000 is pretty high, he could probably literally change it to 1 and be fine because I'm not seeing any other z-index values declared there.

For a quick fix yourself (although I may still mention it to the author), you could apply this:

.CTAFTGVthumbnailContainer .moderatorControls {
  z-index: 1;
}

in your extra.css

 

[chojo]

It work with your "Quick fix". Thank you