I am getting horizontal scrolling issue in iPhone. I developed a website in WordPress. and also it getting problem in mobile phone UC browser how can I fix the problem.
It will be hard to get a proper answer without looking at the site but what I usually do is use the component inspector from Chrome to locate any html elements that are created outside of the 320 px limit you have on iPhones and go from there.
Please provide more information.
However, as a dirty, quick fix, try:
body {
overflow-x:hidden;
}
Related
I have a jQuery Mobile application, and on certain pages, such as for example this one: "http://olkensway.se/upplevdinkommun/activities.php?community_id=6&category_id=1", I'm facing a problem. When the page is loaded the first time, it shows correctly, but the problem occurs when I refresh the page (by pressing F5). Try and see for yourselves. The search field re-sizes and becomes much larger than what is supposed to be. This problem occurs both in my desktop browser (Tested with Google Chrome and Internet Explorer) and my mobile browser (Google Chrome as well). Using Google, I haven't found anybody with the same problem yet. I'm new to both jQueryMobile and web design in general. Is this a problem with my PHP, HTML or CSS. Some conflict with jQM? Please tell if I should show more code than what is available by viewing the page's source.
EDIT: It can be worth telling that I have other pages, not using any PHP, where this isn't a problem. So it's likely come conflict there...
When I load the page, the search thing is taking up the entire page. After inspecting the element in chrome, the article element's font size is 200% (.ui-body-c) . When I unchecked that it went to a "normal" size. I'm not sure exactly what you want it to look like, but maybe that's your problem? hopefully that helps
I have created a website named m2mreach.com , the site works well apart from having the bug in the contect us page "www.m2mreach.com/contact-us.html " the address is not showing up in this.. Here with i'm attaching the image of the bug . Kindly assist....
Thanks
This is the same question as this question but I'll answer this as it's slightly better formatted.
The data is present, it's just the margin and padding you have applied to address in your css. If you remove the margin and padding it shows.
If you set the margin to margin: 0 20px; the address shows.
I can see that the css that is causing this is from typography.php which is part of jckeditor. I think you just need to override the style on that element.
I'm not very good with css, but this one was easy to work out. I suggest you grab firebug for FireFox or use the tools in your browser (Chrome has dev tools too).
I recently converted a site created using Intuit's sitebuilder to WordPress (so don't ask about the design/music ;) ).
I'm having a strange issue, and several google searches and stackoverflow searches have returned nothing about it.
I'm using Chrome 16 and on all the pages of this website, I get blue bars instead of normal scrollbars. I have no CSS/scripts for custom scrollbars on the site. I'm guessing it's a weird Chrome css overflow: problem.
Anyone seen it before or have any suggestions?
http://razorsix.andrewsfreeman.com/origins
It's something in your <embed> code. Try removing it and you'll see. Not sure what's causing it though..?
<embed src="http://razorsix.andrewsfreeman.com/wp-content/themes/RazorSix for Wordpress/mp3s/shambala.mp3" autostart="true" loop="true" height="0" width="0">
Seems like the browser "crashes" on it. Maybe a file error in the MP3...
I am working on a page and having problem with the Fancybox close action for the Image gallery in the first button at the bottom, the gallery is closed but overaly is still there. Here is the test link
How ever the same settings are working for the second link "Floor Plan".
Secondly I am using a Tiny Scrollbar plugin for the gallery on the page. The thumbs on the left side have blue scroll bar if they are larger in contents. This scroll bar does not appear in Google Chrome, and sometime don't show up even in other browser if the page loads first time, then I have to refresh the page to show it. Any idea about the problem will be greatly helpful.
Thank you!
First off, I noticed you're suing jQuery 1.3, why?
Here's 1.6:
http://jquery.com/
It isn't that much larger, and its an updated library. That may fix your problem.
If that didn't work, then delete the fancybox.js, re-downlod and put it in again, same with css. Make sure the css is called at the end of your css document.
If that doesn't work, I suggest getting rid of your javascript files one by one until there is only fnaycbo xleft, it's obviously some conflicting code at this point, so you'll have to troubleshoot by trial and error, going through one by one to findout what script is preventing close. I don't have access to your server, so I can't test it.
It's most likely in main.js, so remove that first, and see if fancybox works then!
ETA: Scrollbar fix.
The problem is something is adding a disabled selector, it's javascript. But you could change up tinyscrollbar.js to fix it, or you could go to your css, find the line:
'#scrollbar1 .disable {display:none}
and remove that line entirley, it's causing your scrollbar not to appear in browsers the javascript is (for some reason) disabling in.
In my case I solved with the next modification:
$(document).bind("load", function() { $('#myTinyScrollbar').tinyscrollbar(); });
Well you have an error in console:
d.onClosed is not a function
It could be because:
Your using an old version of jQuery possibly not supported by Fancybox. Try updating to 1.6, though beware legacy plugins or code that could break due to the steep upgrade.
A compression issue. It's possible i.e. the Google Closure could of removed what it saw as "unneeded" code and therefore broke the functionality. Try using uncompressed Fancybox to see if it fixes it, if it does then you know this the issue, rather than your jQuery version.
I have been developing a website for a University coursework, and at the moment, i have managed to get the features i want.
The website works using jQuery,AJAX and PHP to allow the user to view articles and media that goes with each article. My problem is that the site works as it should on my laptop, on FF4 however it does not work on my IE9 or other browsers, I have given the link to a few people and they all encounter the same problem.
The problem is that when you click the story on the left (thats how you navigate) it fades the text as it should, but it is meant to load in the next story aswell.... If you guys could help, that would help alot.
Link to website: newspaper.nmyster.co.uk
Thanks
IE8 is bugging out on this line:
console.log(storyId);
I'd suggest commenting this out.
If you enable debugging you should be able to see the same error.
These kind of problems always occurs by HTML and JavaScript support of broswer. First of all you shold validate your HTML by W3C validation. If the problem still persists than carefull check your javascript or jquery.