AFTER: WITH THE CSS FIX

Ticket 1542886: View Results button (fixed)

Same page as the BEFORE page. The two Sydney mobile button rules are still active here, plus the small CSS override below. On a phone-sized screen the View Results button in the filter drawer is back to a normal, tappable size. Nothing else on the site is touched because the rule only targets the SureCart drawer.

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.

The CSS (Appearance > Customize > Additional CSS)

/* SureCart filter drawer - keep the "View Results" button a normal size on mobile */
.sc-drawer .sc-drawer__wrapper .wp-block-buttons .wp-block-button__link {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  line-height: 24px;
}

Alternative without CSS: in Appearance > Customize > Global Styles > Buttons, switch the preview to the phone icon and raise Top/Bottom padding (theme default 12) and Font size (theme default 14) for mobile. That changes every button on the site on mobile, which is why the scoped CSS above is the safer option.