Making WordPress.org

Opened 2 years ago

Last modified 2 years ago

#6123 new defect (bug)

Tables in Make handbooks not responsive

Reported by: sumitsingh's profile sumitsingh Owned by:
Milestone: Priority: low
Component: Make (Get Involved) / P2 Keywords: has-screenshots
Cc:

Description

Lots of pages on responsive issue on meta site. Can we fix it. Because most of visitors use mobile device for this platform.
More information see mentioned video.

Attachments (2)

Screenrecorder-2022-02-22-09-35-30-291.mp4 (4.2 MB) - added by sumitsingh 2 years ago.
Scroll past
6123.patch (990 bytes) - added by nidhidhandhukiya 2 years ago.
yiou ahve to add this code in the media query so it can be applied on media only and solved the issue.

Change History (5)

#1 @dd32
2 years ago

  • Component changed from General to Make (Get Involved) / P2
  • Priority changed from normal to low
  • Summary changed from UI issue on Mobile devices. to Tables in Make handbooks not responsive

#2 @sumitsingh
2 years ago

Solution
If we can put font-size 95% for mobile then all pages in tables responsive issue will fixed.

file => https://make.wordpress.org/meta/wp-content/themes/p2-breathe/style.css

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 95%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

@nidhidhandhukiya
2 years ago

yiou ahve to add this code in the media query so it can be applied on media only and solved the issue.

#3 @dd32
2 years ago

#6136 was marked as a duplicate.

Note: See TracTickets for help on using tickets.