CSS3 Menu Appearing BEHIND on Top of...

User 501380 Photo


Registered User
5 posts

I am adding a Css3 Menu to my site and the menu appears behind the text. I realize this is a Z-index problem but how do I keep the menu on top every time I save a new version. At this point I have to save the project then open the index html file and change the Z-index on the menu to make it work like it does here http://www.shedsunlimited.net/index.html. Otherwise it comes up like this http://www.shedsunlimited.net/test.html and I do not have time to go in and change all the pages z-index. What can I do to keep it all on top? They gave me a link to this page http://www.coffeecup.com/help/articles/ … -designer/ but I have not been able to solve this
User 603315 Photo


Registered User
938 posts

mrchris wrote:
I am adding a Css3 Menu to my site and the menu appears behind the text. I realize this is a Z-index problem but how do I keep the menu on top every time I save a new version. At this point I have to save the project then open the index html file and change the Z-index on the menu to make it work like it does here http://www.shedsunlimited.net/index.html. Otherwise it comes up like this http://www.shedsunlimited.net/test.html and I do not have time to go in and change all the pages z-index. What can I do to keep it all on top? They gave me a link to this page http://www.coffeecup.com/help/articles/ … -designer/ but I have not been able to solve this


Your first link doesn't work
User 501380 Photo


Registered User
5 posts

User 603315 Photo


Registered User
938 posts



So can you not just copy the one that works to the one you want to work?
User 501380 Photo


Registered User
5 posts

When I save it again, it renumbers the z-index and then no longer works
User 103173 Photo


VP of Software Development
0 posts

If you use this article:

http://www.coffeecup.com/help/articles/ … -designer/ and scroll down to Step 8, that JavaScript we use there addresses the z-index issue (for our Menu Builder). All you need to do is edit that JavaScript and include the class your menu builder uses instead.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 501380 Photo


Registered User
5 posts

I actually go in and open the html in another program and manually change the z-index to be sure it works
User 38401 Photo


Senior Advisor
10,951 posts

mrchris wrote:
I actually go in and open the html in another program and manually change the z-index to be sure it works

That's why it doesn't stay Chris, VSD cannot import changes made outside of the program so reread what the others are telling you to do so you don't have changes outside of the program that will get overwritten at the next VSD save.

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.