Hi there,
I have a website ammar-seer.com and have a sticky menu which functions correctly I think. The problem is that some of the graphics and text I have, when scrolling, cover the menu while other graphics and text, correctly scroll under.
How do I make it so that the sticky menu always remains on top of anything that's scrolled (or have graphics and text always below the sticky menu)?
Thanks, Maz
Some of my graphics/text scroll over...
Maz
Registered User
86 posts
Wayan Jaya
Registered User
4,817 posts
Online Now
Give the container that is sticky a solid background colour and a z_index around 2000
That should do it
That should do it
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
Wayan Jaya
Registered User
4,817 posts
Online Now
Wayan Jaya wrote:
Give the container that is sticky a solid background colour and a z_index around 2000
That should do it
Give the container that is sticky a solid background colour and a z_index around 2000
That should do it
if that z-index doesnt do it just keep increasing the nO of units until it does
by the way on mobile devices you have 2 hamburger menus showing each that opens a menu,, but only 1 is fixed, (sticky position doesn't work for all mobile devices )
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
Maz
Registered User
86 posts
Wayan Jaya wrote:
if that z-index doesnt do it just keep increasing the nO of units until it does
by the way on mobile devices you have 2 hamburger menus showing each that opens a menu,, but only 1 is fixed, (sticky position doesn't work for all mobile devices )
Wayan Jaya wrote:
Give the container that is sticky a solid background colour and a z_index around 2000
That should do it
Give the container that is sticky a solid background colour and a z_index around 2000
That should do it
if that z-index doesnt do it just keep increasing the nO of units until it does
by the way on mobile devices you have 2 hamburger menus showing each that opens a menu,, but only 1 is fixed, (sticky position doesn't work for all mobile devices )
Yes... I noticed that
and this is hopefully going to be fixed in version 2.
Maz
Registered User
86 posts
Wayan Jaya wrote:
[quote=Wayan Jaya ]Give the container that is sticky a solid background colour and a z_index around 2000
That should do it
[quote=Wayan Jaya ]Give the container that is sticky a solid background colour and a z_index around 2000
That should do it
if that z-index doesnt do it just keep increasing the nO of units until it does
Excellent - the Z=2000 fixed it.
Many thanks
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
