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
|