diff --git a/assets/css/sensei-course-theme/content.scss b/assets/css/sensei-course-theme/content.scss index 0ce45b4d5f..24c5a17d58 100644 --- 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 index fbfae34d31..1910326695 100644 --- 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; }