BEFORE: PROBLEM REPRODUCED

Ticket 1542886: View Results button squeezed (control)

This page reproduces the problem. It carries the same two CSS rules the Sydney theme prints on brunoharmo.com for screens up to 575px wide: .wp-block-button__link { padding-top: 0; padding-bottom: 0; font-size: 10px }. On a phone-sized screen the View Results button in the filter drawer is squeezed to about 15px. The fixed version is here: view-results-fix-1542886.

Live comparison (phone-sized frames, drawer opens automatically)

BEFORE: theme rules active, no fix

Button at the bottom is about 15px tall, text clipped.

AFTER: same rules plus the CSS fix

Button at the bottom is 48px tall and easy to tap.

You are on a phone-sized screen. Tap Filters below and look at the View Results button at the bottom of the drawer.

Try it yourself

Open this page on a phone, or make the browser window narrower than 576px, then tap Filters and look at the button at the bottom of the drawer.

Filters
Filters
Scroll to Top