#Tables header shrink on mobile

8 messages · Page 1 of 1 (latest)

stable kestrel
#

Hey, I'm a mod at https://greatgodgrove.miraheze.org/wiki/Main_Page and I'm putting up dialogue on collapsed tables. I'm using width=100% so the header takes up full horizontal space, however on mobile it shrinks up when collapsed. Is there any way to make it take up all horizontal space on mobile too?

Great God Grove wiki
#

This one is desktop mode on my phone. How it's supposed to take up the space

dawn turret
#

Add a display: table in addition to width: 100% in your table styles.

#

Vector-2022 has some extra table styles that will mess it up.

stable kestrel
#

Thank you

stable kestrel
#

putting it like this doesn't seem to change anything on mobile, though
{| style="width:100% display:table"; class="wikitable mw-collapsible mw-collapsed"

dawn turret
#

width:100%; display:table You're missing a semicolon. There is also no need to have a semilon after " and before class

#

{| style="width:100%; display:table" class="wikitable mw-collapsible mw-collapsed" <- try this