Tables header shrink on mobile | Miraheze | Page 1

stable kestrel Jun 6, 2025, 1:06 AM

#

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

Main Page

#

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

dawn turret Jun 6, 2025, 1:27 AM

#

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 Jun 6, 2025, 1:31 AM

#

Thank you

stable kestrel Jun 6, 2025, 1:47 AM

#

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 Jun 6, 2025, 1:55 AM

#

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

#Tables header shrink on mobile