From e5a75bd2e3b85969b65c4ebfac5897154d94c239 Mon Sep 17 00:00:00 2001
From: Alex P <alex.pantec@gmail.com>
Date: Wed, 23 Feb 2022 10:13:54 +0200
Subject: [PATCH] Optimize onboarding for mobile

---
 .../ppcp-onboarding/assets/css/onboarding.css | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/modules/ppcp-onboarding/assets/css/onboarding.css b/modules/ppcp-onboarding/assets/css/onboarding.css
index 47bbca019..fc88a60bb 100644
--- a/modules/ppcp-onboarding/assets/css/onboarding.css
+++ b/modules/ppcp-onboarding/assets/css/onboarding.css
@@ -133,3 +133,34 @@ ul.ppcp-onboarding-options-sublist {
 .woocommerce-help-tip.ppcp-table-row-tooltip {
 	margin-left: -20px !important;
 }
+
+@media (max-width: 1200px) {
+	.ppcp-onboarding-header, .ppcp-onboarding-cards-options {
+		width: unset;
+		display: block;
+	}
+
+	.ppcp-onboarding-header-right {
+		text-align: left;
+	}
+
+	.ppcp-onboarding-cards-screen {
+		display: none;
+	}
+
+	.ppcp-onboarding-header-left img {
+		height: 30px;
+	}
+
+	.ppcp-onboarding-header-cards img, .ppcp-onboarding-header-paypal-logos img {
+		margin: 2px;
+	}
+
+	.ppcp-onboarding-header-cards img {
+		height: 27px;
+	}
+
+	.ppcp-onboarding-header-paypal-logos img {
+		height: 23px;
+	}
+}