Thread:Emptylord/@comment-25512086-20150813203857/@comment-3974211-20150814023941


 * Preview Page: http://leagueoflegends.wikia.com/wiki/User:Emptylord/Sandbox
 * Champion Infobox: http://leagueoflegends.wikia.com/wiki/User:Emptylord/Template:Infobox/Champion
 * Ability Infobox: http://leagueoflegends.wikia.com/wiki/User:Emptylord/Template:Infobox/Ability

The Champion Infobox is actually two infoboxes: each has a custom width, margin and various other display properties. These styles are affecting mobile displays - at least on my iPhone 6Plus, my mum's iPhone 4 and Chrome's emulator for various browsers.

This is the custom styling I'm using in my User:Emptylord/common.css.

/* Ability Infobox */ .pi-theme-ability { float: left; width: 50%; min-width: 270px; max-width: 400px; clear:left; padding-bottom:10px; } .flipText1 > h3, .flipText2 > h3 { display:inline; } .pi-item-value * span ~ .container { display:block; } /* Champion Infobox */ .pi-theme-champion { width: 256px; float: left; clear: none; margin: 0 0 15px 15px; } .pi-theme-championstats { width: 256px; float: left; clear: right; margin: 0 0 15px 0; } .pi-theme-championstats * h3 { -ms-flex-preferred-size: 125px; -webkit-flex-basis: 125px; -moz-flex-basis: 125px; flex-basis: 125px; } .ogg_player div audio { width: 216px; } .ogg_player div:nth-child(2) { display: none; }