z-index not working with position:absolute [closed] - html

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am working on a wordpress site. I am currently using BeTheme on my site. There is an issue in responsive header menu.
Site Link: http://swedesuccess.com.au/newsite/
For small screens/devices with resolution 980, 800, 786 (in width), menu is not displaying. When "menu-header-menu-container" position set as "unset", menu will display. Also when I apply z-index to "menu-header-menu-container", it's not working. Menu layer is still hiding.
Thanks in advance.

Your wrapperhas overflow_hidden remove it and you should see your menu. it's not a z-index problem. add:
#Wrapper {
overflow: visible;
}
to your css

Related

Div to have scrollbar html? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 1 year ago.
Improve this question
I am trying to make a better website for my school. So I have it setout like this:
enter image description here
But the main div doesn't show the scroll bar.
I have hidden the scrollbar in the body element, and set it as visible in the main div element.
However it doesn't show, nor can I scroll down in it.
Any answer to this?
I just used overflow-y: auto and that worked. Thanks #JoeDF

horizontal scroll bar at larger viewports [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 10 months ago.
Improve this question
I have a site that is using bootstrap and some custom css. I have a css class called "full-width" design to escape the parent bootstrap "container" in order to get the background color to extend the entire width of the screen. I just noticed that I have a horizontal scrollbar on desktop. I have narrowed it down to the "full-width" class but I cannot figure out how to fix it. It has been fin up until recently.
Staging site: https://staging.warsaw.church
I really appreciate and help!
Fix this part of the css it worked for me
html {
scroll-behavior: smooth;
full-width: 100%;
overflow-x: hidden;
}

Z-index Issue with navigation bar [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
http://preview.spirecms.com/tpiswim.com/
The drop down navigation menu goes behind the slideshow and sidebar survey. It's probably a z-index issue, but I can't figure out how to fix it.
Thanks for your expertise!
This code can solve the problem :
#top-wrap {
background: transparent;
position: relative;
z-index: 1;
}

Why Can't I Click Link? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I was wondering if anyone knows why I can't click the "Get Directions" link at the top of the page.
http://progressivespineandsports.com/
There is a target of blank attribute on the link but I don't think that this has anything to do with the link not working.
add
.block.header {
position: relative;
z-index: 1;
}
to your css, for a quick fix.
The problem is that the #content div lays upon/above your header div.
Because div.block.header has a height of 0, all its children are float. So div#content stacks above the link, prevents you from clicking the header link.
Add overflow: hidden to div.block.header, or other clearfix tricks.

Gap on right of website [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
When my site loads the view is correct but if you scroll right there is a gap. All div's have 100% width set and no padding on right... I went through each element to putting display:none trying to single the problamatic element but this didn't help either. A test version of the site is available at www.emma-cooper.co.uk
Take width:100%; out of the #logo CSS definition, and the right and left padding off the
div#hmenu definition (make it padding:0.8em 0;)