search

woocommerce / google-listings-and-ads

Sync your store with Google to list products for free, run paid ads, and track performance straight from your store dashboard.
https://woo.com/products/google-listings-and-ads/
GNU General Public License v3.0
44 stars 21 forks source link

Mobile: Campaign creation form is cut off on the sides. #2461

Closed hafizrahman closed 1 month ago

hafizrahman commented 1 month ago

Describe the bug:

While working on Woo mobile, we see that the Google Ads campaign form is cut off on its sides, making the form hard to use to mobile users:

Android webview iOS webview
Screenshot_20240709_160018 Simulator Screenshot - iPhone 15 Pro - 2024-07-09 at 16 00 11

The problem seems specific to this step on the form. Other steps including "Optimize your campaign" looks correct to me. However, it might be worth to double-check since I have not checked every possible screen.

Steps to reproduce:

Fortunately this also can be replicated on Web.

  1. Open Google ads creation screen in Chrome,
  2. Open Inspect and use the layout icon on top left to switch to mobile mode
  3. See that the text are cut off on the sides:

Screenshot 2024-07-09 at 17 00 44

Expected behavior:

No text is cut off and everything is readable.

Actual behavior:

Text on the left and rightmost of the screen can't be seen.