I'm using owl carousel on my website. It's working fine until i tried it on mobile. When im trying to scroll the page, and i'm "touching" the image itself, the page wont scroll up or down. I need to touch the part of the page without an image.
How do i fix this.
Thanks.
Here is the fiddle:
`http://jsfiddle.net/1xx4hjpf/2/`
Related
I have a problem with an iFrame on my Mobile. When I open the webpage on my mobile there are no scroll bars or even an option to scroll the iFrame.
I've tried several CSS codes but nothing seems to work.
Can somebody help me out?
Cheers,
I had lightbox on my site and it was working fine. I updated the pages with Dreamweaver CS6 to a Fluid grid with a side navigation bar so the site would be more mobile friendly. The result is that my lightbox images are distorted and the frame is missing from one side. When scrolling through the images they will increase in size by a fraction and distortion will lessen. I figure there is a CSS conflict and I can't figure it out. Web page is located here,
http://www.crawfordcountyhistoricalsociety.org/Pages/Indians.html
U should remove this style, max-width:100% and padding: 10px.
I'm working for a responsive website on a slider like FB App. It works fine, but if the user scrolls, the open navigation moves with the content. I'm trying to put position: fixed to the element. This works,but if the navigation element is larger than the screen the rest of the content cannot reached. Example: http://lucie-hauri.com.beethoven.ch-meta.net/ (just put the screen to a width of about 300px an the mobile Icon appears, click on it for example).
Has anyone an idea how to fix this?
Thanks for help, regards
Thomas
I don't know if this is the cause, but you have a javascript error (check the console), which may break things up.
I'm developing a website and on its home page I have some sliders.
When I use these sliders I used to get horizontal scroll. I managed to fix that using overflow-x:hidden; at the css for the body element.
My problem is that When I click and drag the page to the right the scrollbar doesn't appear, but the user have the same effect as if he was using the scrollbar.
I received the html/css from a third part front-end developer and I'd prefer not to have to modify his css much.
Would you have any tips to fix this behavior without having to do further changes in the html/css structure?
Thanks in advance for any help.
My website byteindia is built on Thesis Theme and Wordpress and shows a horizontal scroll bar. I am not able to figure out why. Can anyone help me point out the problem?
It's the twitter widget, one of the divs in the iframe is rendering 300px wide.