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
My menu background is covering header and content (those tables) when you make your browser smaller (its responsive menu). How do I make it so that header and tables will move down a bit so its not hidden behind menu bg?
HTML: https://paste.ee/p/ww1CT
CSS: https://paste.ee/p/TEmU5
Instead of
nav {
position:fixed;
}
make it sit relative to the other content
nav {
position:relative;
}
Related
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
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;)
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 am fixing up a website for a tech night at my school. The navbar was on the side which isn't my favorite view for the bar so I put it on top, but I can't get the table data or menu to center in the div.
http://jsfiddle.net/ksta1584/c88qswsx/
<a href="http://jsfiddle.net/ksta1584/c88qswsx/">Link<a/>
I would also like instead of the lines disappearing when you scroll over that they are all in equally sized boxes and the boxes sort of "pop" out. I'm not sure how to do that and can't get the border to appear.
Do this in your .nav:
.nav {
width: 100%;
text-align: center;
position:relative;
top:35%;
}
Put margin:0 auto into your .nav rule
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 think this needs a clear:both somewhere, but where?
The situation: the footer is sitting behind the main content div.
Right now the footer is near the bottom of the page only because of a minimum-height on the main-content div.
Here's how its looking
Seems to work well removing
.details {
height: 54px;
}
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
A copy of my page can be found here.
I cannot figure out what css or html could be causing the 10-15 pixel gap that can be seen between the footer banner image and the end of the page. This is based on the WordPress theme twentytwelve.
This fixed it for me! It's the 2 span.statcounter's towards the end of the page that are pushing it down.
.statcounter {
display:none;
}
there is two <span> after footer with 16px height. you can use this code to remove that space:
.statcounter {
display: none;
}
reason of this issue is javascripts below footer, put javascripts between <footer> and </body> into a <div> with 0height, 0margin, 0padding, overflow:hidden;