Z-index Issue with navigation bar [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 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;
}

Related

Changing Button Color in Wordpress mobile navbar [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 2 years ago.
Improve this question
I want to change the background color of the "Contact" button in the mobile navbar of this website https://originmedia.at with Wordpress to the same orange color like the other buttons on the website. Does anyone know how I can change it?
Try adding this code to Customize > Additional CSS:
#menu-2-5279cfc li:last-child a {
background: cornflowerblue;
color: #fff;
}

z-index not working with position:absolute [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 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

Hovering with CSS [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 7 years ago.
Improve this question
Can anyone help me fix my code so that the hover colour only applies to the navigation bar and not the pictures too. I've tried to specify this by having .a.main-nav:hover { ...}etc in my code but that just gets rid of the hover altogether.
http://codepen.io/anon/pen/rOowGx
Thanks!
This code:
a:hover {
background-color: #ffbc00;
}
Should be like this:
.main-nav a:hover {
background-color: #ffbc00;
}

Customising a slider to add captions over [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 7 years ago.
Improve this question
Hi I currently have a nice responsive slider setup but the captions are pushed below with a 'Find out more' button also below.
I just wondered if anyone can see how to adjust this so the button and text is over the images revolving round please?
http://newsite.poppletoncentre.org.uk/index.php?id=4
You need to add this CSS to container
left: 0;
position: absolute;
top: 0;
z-index: 10;

Issue about too much spacing beneath the footer [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 tried to look for this issue for more than an hour but unfortunately unable to find where the problem exist. Here is the link for it http://professionals.dev.wbstaging.com/results as you can see at the bottom there is a bigger spacing, thank you for the help.
Try adding overflow:hidden to your class .main_container.
.main_container {
min-height: 797px;
position: absolute;
height: auto;
overflow: hidden;
}