Joomla Templates Club 406,261 posts

[surdo Friend surdoJoin date: March 2015Posts: 108Downloads:14Uploads:10 Thanks: 33]

#805870

can’t seem to edit my post…. the first sentence should read:

On my site, all pages using K2 experience z-index issues.

[surdo Friend surdoJoin date: March 2015Posts: 108Downloads:14Uploads:10 Thanks: 33]

#808399

I found a partial fix for this, which was to "disable" the sliding header by giving it the position "absolute", for example:

@media (min-width: 992px) {
.t3-header-wrap.affix {
top: 0;
z-index: 1030;
position: absolute;
}
.t3-header-wrap.affix .t3-header {
background: rgba(0, 0, 0, 0.86) none repeat scroll 0 0;
padding-bottom: 0;
padding-top: 0;
}
}

I think I prefer this to the default scrolling header as it gives the page more space. Now when the user scrolls slowly down on a page such as: http://escuta.org/info.html, the header first darkens before disappearing. This is quite a nice effect, however I’d like to know how this transparent overlay can be removed all together. I wasn’t able to work out how to remove it.

Thank you

[surdo Friend surdoJoin date: March 2015Posts: 108Downloads:14Uploads:10 Thanks: 33]

#810145

Just in case my question wasn’t clear: I’d like to know how the header’s transparent overlay can be removed all together? The overlay that appears when the user begins to scroll the page. For example, on this page: http://escuta.org/projetos/instalacao/sv/intro.html

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#810167

Hi

Try to increase the z-index value of t3-header-wrap.affix from 1030 to 9999

.t3-header-wrap.affix {
z-index:9999;
}

[surdo Friend surdoJoin date: March 2015Posts: 108Downloads:14Uploads:10 Thanks: 33]

#810469

Thanks Pavit. I don’t know how I missed that. I’ve been working on this for too long!

One great improvement to the menu, would be to implement the following:

When the user scrolls towards the bottom of the page, the menu overlay disappears. However when the user scrolls towards the top, the overlay (with navigation) reappears. This would give a lot more space on small screens when a user is reading down the page.

Is there a way of doing this?

Thanks for your help

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#818190

Hi @surdo

One great improvement to the menu, would be to implement the following:

You can submit this request under the specific forum HERE

Best regards

[Author]

Posts