search

aemsites / stericycle-shared

Edge Delivery Service Site for Stericycle sites
https://www.shredit.com, https://www.stericycle.com
Apache License 2.0
0 stars 1 forks source link

Mobile - Inline Form Rendering Issues #486

Open colinvlasak opened 1 week ago

colinvlasak commented 1 week ago

There are a number of front end of form rendering issues on mobile

  1. Toggle button appearing split on https://main--shredit--stericycle.aem.live/en-us/offer image

  2. Form Stretched past edges of margin. This happening across most pages.

Example: https://main--shredit--stericycle.aem.live/en-us/who-we-serve/insurance

image

  1. Uneven vertical spacing between email opt-in button

Vertical pace between final for field, Request Type toggle, opt-in checkbox section, and get a quote button should be even.

Example: https://main--shredit--stericycle.aem.live/en-us/secure-shredding-services/one-off-shredding-service

image

colinvlasak commented 2 days ago

@ravise5 can't validate this as it's still rendering two column on mobile

image

ravise5 commented 2 days ago

@colinvlasak Can you please share the URL which you might be testing this. Also please make sure if browser cache is invalidated?

colinvlasak commented 2 days ago

@ravise5 looks better. One outstanding issue. Too much space between Request Type and form fields now.

image