| Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum https://www.tinywebgallery.com/forum/ |
|
| Horizontal scroll on mobile required css override https://www.tinywebgallery.com/forum/viewtopic.php?f=21&t=4008 |
Page 1 of 1 |
| Author: | sselip [ 14. Jan 2016, 22:36 ] |
| Post subject: | Horizontal scroll on mobile required css override |
Hi Michael, I have advanced iframe pro as a new user, and it is a powerful tool. As a test before committing to development of a WP site dependent on the content of leaguelobster.com, I embedded the following page, with the site owner's cooperation, into a WP page. This is the original http://bmflfootball.com/stats/ and the embed is here: http://multi.mytechanalyst.net/league-lobster-stats/ I used the browser-specific capabilities to create the shortcode shown following, for mobile use. With the width at 100%, the chrome browser on my android (Samsung Galaxy S5) could not scroll horizontally far enough to show the rightmost column of the display. Using Chrome's "inspect" we could see that the specified width was 400px in ai-div-advanced_iframe. Setting the width at 350px fixed the problem, but was not a general solution. Instead, I used this css override in my WP theme: ai-div-advanced_iframe { width: 100% !important} and now it works. I'm sure that I have done something wrong here, but I'm not sure what. There are so many options that I believe [advanced_iframe securitykey="56bf546f6a68b388a07354f3fe74a706e54b3ee1" use_shortcode_attributes_only="true" src="http://bmflfootball.com/stats/" id="advanced_iframe" height="100%" width="100%" browser="mobile" show_part_of_iframe="true" show_part_of_iframe_x="1" show_part_of_iframe_y="129"enable_responsive_iframe="true" scrolling="auto" show_part_of_iframe_allow_scrollbar_horizontal="true" show_part_of_iframe_height="1000"] Can you tell me what I have done wrong? Thanks much, Stu |
|
| Author: | TinyWebGallery [ 14. Jan 2016, 23:22 ] |
| Post subject: | Re: Horizontal scroll on mobile required css override |
You don't have access to the other page as I think. Using height="100%" width="100%" with show_part_of_iframe="true" is not a good idea as the area you show is fix but the iframe below browser size dependent. Also show_part_of_iframe_width is missing. This is why you have to apply your fix I think... For your case I have implemented a zoom together with show_part_of_iframe See http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/show-only-a-part-of-the-iframe/show-only-a-part-of-an-iframe-zoom for the solution I would think you fit for you. Best, Michael |
|
| Page 1 of 1 | All times are UTC + 1 hour [ DST ] |
| Powered by phpBB® Forum Software © phpBB Group http://www.phpbb.com/ |
|