Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Design Extender › CSS Menu Writer › Navigation behind Slider

Navigation behind Slider

Thread began 4/04/2013 1:02 pm by Cologne | Last modified 5/08/2013 6:45 am by Jason Byrnes | 2588 views | 9 replies |

4/04/2013 1:02 pm | #1 Cologne

Navigation behind Slider

Hello,

my navigation hides behind my slider.
Is it about the zIndex?

localhero.de/

Cheers
Denis

4/04/2013 1:21 pm | #2 Jason ByrnesWebAssist

in the menu.css file, edit the first rule:

ul#cssmw1 {
  cursor: default;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

and add position:fixed; to it:

ul#cssmw1 {
  cursor: default;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: fixed;
}

5/07/2013 10:55 am | #3 Cologne

Hi Jason,
thanks, works great.
Will this be fixed in the future?
Cheers,
Denis

5/07/2013 11:11 am | #4 Jason ByrnesWebAssist

It's is a problem specific to your layout.

99.9% of the time, adding position fixed is not necessary and can actually break other functionality.

5/07/2013 11:52 am | #5 Cologne

hm, my layout is made with sculptor.
Can you see what the problem in my design is?
I like it and I want to use it as much as possible :-)

Denis

5/07/2013 12:24 pm | #6 Jason ByrnesWebAssist

the header uses overflow hidden:

#outerWrapper #header {
background-image: url("../localhero_standard_images/header_background.png");
background-position: left top;
background-repeat: repeat-x;
height: 40px;
overflow: hidden;
}

the dropdown menu is considered overflow, so it gets hidden.

5/07/2013 12:53 pm | #7 Cologne

is this, because I have Logo and Navigation next to each other?

5/07/2013 1:21 pm | #8 Jason ByrnesWebAssist

no, it is because of the overflow style on the header.

5/08/2013 6:03 am | #9 Cologne

Jason,
the navigation now stays fixed on the page if you scroll :-)

http://localhero.de/

Help :-)
Denis

5/08/2013 6:45 am | #10 Jason ByrnesWebAssist

instead of adding position fixed to the menu css, remove the overflow hidden from the #outerWrapper #header

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.