i have messed my site responsiveness or something, i don't know how, but it is now a bit scrolled out.
can anyone take a look and tell me what seems to be the problem?
link to website
I appreciate any help.
Thanks in advance.
Dor.
Your section#services is overflowing. Add this rule to your styles to prevent this div from scrolling.
section#services{
overflow-x: hidden;
}
Related
I need some help finding what exactly is causing the white space on the right in mobile view of my site.
http://shahil229-001-site1.smarterasp.net/
I've tried using overflow-x : hidden in the css but it stops the top navbar animations from working in the normal desktop view so thats out of the question.
Any help would be appreciated. Thanks
I found the issue! In the box where it says "SYSPRO" your link seems to be overflowing. Therefore causing it to make the page wider then it should be, and you can't see it because the link is white.
EDIT
Specifically the link http://www.syspro.com/product/what-is-erp.
EDIT 2
As Jesse Dockett said, also add width: 100% to your code. Thank You Jesse! :)
So I'm currently building a website for school and I've put the navigation bar so its fixed, but now the div slides behind the navigation bar, its really not that noticable but it is just bugging me. Does anyone know if there is a way to fix this?
Without the fixed positioning : http://prntscr.com/18kufb
With fixed positioning: http://prntscr.com/18kurb
The Website : http://penguin.baileywhite.vacau.com
CSS File http://penguin.baileywhite.vacau.com/library/css/style.css
I know its a lot to look at for so little to fix, its just really bugging me and if anyone can help fix this it would be highly appreciated.
Thanks!
Bailey.
On the .pure-g-r set margin-top: 36px; and on your #nav set top: 0;. This will assure you that your navigation will always stick to the top of the window.
So, I've spent about 9 hours straight on this, and I was wondering if anyone could help me.
For some reason, this block of code shifts over my navbar to the left by about a pixel. I don't really understand why, I thought I screwed up with some tags, but after experimenting, I've narrowed the problem down right to [here][1].
[1]: http://pastebin.com/2iZwnFZs (not available anymore)
Figured it out!
A friend told me to use CSS to fix this, here's the CSS I used:
body {overflow-y: scroll; overflow-x: hidden;}
The cause of the navbar shift was the scroll bar, the code above will hide the scroll bar when it overflows data horizontally.
I've recently launched a website and seem to be having a problem with a static page I have created. It isn't a major issue but it is really bugging me!
The website in question is: http://gadgetmill.co.uk/
Basically I have hidden the horizontal scroll bar via CSS but want to get to the root of the problem and solve it rather than cover it up. The problem is that the website keeps wanting to scroll horizontally when there is no visible content to the right anyway.
I'm assuming it is the footer that is triggering this but would be very grateful if someone could tell me what to change to fix this?
Thanks a lot, and a happy new year!
I checked your site on firebug
Seems like
.footer-wrap {margin :0 -8em}
is causing it. Cant figure out why you applied it, guess you can either do away with it or work your way around it. Disabling it fixed things for me.
Just remove that padding: 0 1em; and width: 96% on body and set right:0px on element with id socialslider
in .footer-wrap (custom.css)
change the margin from
0 -8em
to
0 auto
this works for me using firebug in chrome.
If you look at http://wilwaldon.com/JLS10/dine.html in IE7 (the devil) you will see a horizontal scroll bar at the bottom of your browser. I've tried to hide the overflow of pretty much every <div> and I've taken out every element in the layout one by one to see what could be causing this issue. I just can't seem to wrap my brain around it right now. Firebug isn't helping either.
Any help would be greatly appreciated:) Thanks in advance.
The problem is caused by position: absolute on #summer.