Merge pull request #6904 from Automattic/fix/learning-mode-premium-te…

…mplate-mobile-lateral-padding Fix learning mode premium template mobile lateral spacing in mobile view
Automattic · May 22, 2023 · fb9349c · fb9349c
2 parents 29efe1a + c59e1c8
commit fb9349c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/assets/css/sensei-course-theme/content.scss b/assets/css/sensei-course-theme/content.scss
@@ -28,9 +28,11 @@ body {
 	color: var(--sensei-background-color);
 }
 
-.sensei-course-theme__main-content {
-	padding: 0 24px;
+.wp-site-blocks {
+	padding: 0 var(--content-padding);
+}
 
+.sensei-course-theme__main-content {
 	> * {
 		max-width: var(--content-size) !important;
 		margin-left: auto;

diff --git a/assets/css/sensei-course-theme/mobile.scss b/assets/css/sensei-course-theme/mobile.scss
@@ -10,7 +10,7 @@ $breakpoint: 783px;
 	}
 
 
-	@at-root :root:has(.admin-bar) {
+	@at-root :root:has(.admin-bar) .sensei-course-theme__sidebar {
 		// When the admin bar is present, something is applying and extra spacing that is messing the padding calculate, so it require cut the padding by half.
 		--content-padding: 12px;
 	}