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! :)
Related
I'm experiencing a problem with mobile devices I have a white area in the right of my website and a scroll bar also. So far that I have read this issue is creating cause of an element, but I can't find the solution on it. I have checked my CSS rules and my width is all good in every part. Can anyone suggest me anything else so I can fix that issue?I used the developer options and I was deleting elements to see what element is causing the problem but I didn't find something. My repo is : https://lazospap.github.io/LazPap/ . EDITED : https://github.com/LazosPap/LazPap here are the files
Please put this code in your style
html,body{overflow-x: hidden;}
Link: http://shahinlertour.com
I have problem with index page: bottom scroll. I want to remove it and fix page width like on other pages for example on http://shahinlertour.com/batumi-tour.html
Can't find what is the reason of this problem. Please help.
If you could send a snippet of the css for the scrollbar that would help answer you question much better. However from what it seems based off the code it's coming from the offline tab at the bottom and played with the styling and had gotten it work while making the width 100% and margin 0, but again it would be easier to give a better answer with your code.
i really hope someone can help me, since this Issue gives me headache already.
I got this Site www.Skilldate.de http://www.Skilldate.de an on the “Landing Page” if you decrease the Size of the Window (or directly open the Page via Mobile) you should already see the Problem :
There is always some unused Space on the right Side which makes the browser scroll on the width and i just dont know how to get rid of it, since it destroys the responsive feel
Iam grateful for every Inspiration
Cheers and regards
Thomas
You should have overflow-x hidden.
add in your css
#form1 {
overflow-x: hidden;
}
Issue only relevant for Safari browser.
A picture is worth a thousand words, so here's a screenshot:
As seen, the problem is with a bottom border extending too far right. This seems to be an issue with the original template. Yes, I've contacted the designer, but it appears they're of little help (even after purchasing the $10 "quick help").
Interestingly, when viewing the demo with their global site navigation, as seen here the border is contained correctly, however, removing the top black navbar will produce the issue.
How can i fix this? Is there someway to implement the black navigation, but do so invisibly? Can I fix this with css? Please Advise?
In your screenshot I can see you have padding: 50px 100% on your .txtabs-content div, the 100% could be adding the unwanted padding, this should probably be padding: 50px auto.
Although, you should post some code and if possble, a JSFiddle so this can be verified as the issue.
I'm debugging a website for a code written by somebody else. Typically I used bootstrap for responsive rows and columns but I believe this site is built on zurb-foundation.
Here is the url of the page. (www.edcast.com/privacy)
screenshot for a a visual of what i mean.
http://imgur.com/WTGDQTK
I will play around with this, but having a second eye and some other input would be highly appreciated!
Update: So far I've tried changing "overflow: visible" to hidden and auto
I've also tried to apply a clear: both to a variety of different divs
If you take a look at the image I posted below, you can see that the div with the id image-top-div is pushing everything over. You will need to resize the image and play with the margin and padding. You can see me here in the gif taking out the margin-left which solves it.