?
Solved

CSS z-index question

Posted on 2014-10-04
2
Medium Priority
?
182 Views
Last Modified: 2014-10-04
Hello,

On the left of this page there is a three horizontal dash that expands the side menu. If I click it it goes over the header and footer, how can I make it go behind them?

Also, once expanded a scroll bar is created on the right of the page, how can I eliminate that?

http://69.64.82.57/

Thank you
0
Comment
Question by:movieprodw
2 Comments
 
LVL 83

Accepted Solution

by:
leakim971 earned 2000 total points
ID: 40361325
the z-index of your side menu is set to -999 (which is not really -999 but the max integer value - 999)
the z-index to your header and footer is set to 10000
so reduce it to your side menu z-index to 9999 or use a biggest z-index : 100000 is fine

#lgheader, #lgfooter {
    z-index: 100000 !important;
}

Open in new window


header and footer z-index set with 100000
0
 
LVL 1

Author Closing Comment

by:movieprodw
ID: 40361326
Perfect
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Suggested Courses

621 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question