shortcode behaviour on mobile device

[lwrkrol]

I use the shortcode box_frame like this:

[box_frame style=”” width=”100%” class=”” align=”left” title=”Organisatie” inner_style=””]
•Spelers staan in 3 groepen verdeeld
•Iedere speler van de linkergroep (van speler 1) heeft een bal

[/box_frame]

[clear]

[box_frame style=”” width=”100%” class=”” align=”left” title=”Uitvoering” inner_style=””]
•Speler 1 dribbelt en passt de bal naar speler 2 en sluit bij deze groep aan
•Speler 2 doet hetzelfde richting de andere groep
•Speler 3 dribbelt naar de basket, maakt een layup en pakt eigen rebound
•Speler 3 sluit zich aan bij de groep

[/box_frame]

When checking the page on a tablet, it adjusts fine when holding a Samsung Galaxy Tab horizontal, but when turning it vertical the boxframe does not adjust.

Checkout: http://www.streetballacademy.com/test-shortcodes/

[Raghavendra]

Should adjust fine with any width. Not clear on the query. If you want to limit the width in situations where the screen is big, you can use custom CSS –

.box-frame { max-width: 400px; }

[lwrkrol]

I do not want to limit the width, I would like the page or post to adjest when flipping.

If you want to see how it’s looking now on a tablet: http://mobt.me/6PPk

[Raghavendra]

If you wrap the box_frame shortcode with column shortcodes provided by the theme, you will do fine in all devices. Pls post a temp login as a private message here if you still have trouble. Thanks

[Author]

Posts