diff --git a/src/defaultV2-theme/blocks/header.scss b/src/defaultV2-theme/blocks/header.scss index b6a6b93c55..fa218aa80e 100644 --- a/src/defaultV2-theme/blocks/header.scss +++ b/src/defaultV2-theme/blocks/header.scss @@ -20,6 +20,11 @@ } } +.sd-root-modern--mobile .sv-header__overlap { + margin-bottom: calcSize(-5); + padding-bottom: calcSize(2); +} + .sv-header__content { padding: calcSize(5); box-sizing: border-box; diff --git a/visualRegressionTests/tests/defaultV2/advancedHeader.ts b/visualRegressionTests/tests/defaultV2/advancedHeader.ts index cb3b69334a..6995375a59 100644 --- a/visualRegressionTests/tests/defaultV2/advancedHeader.ts +++ b/visualRegressionTests/tests/defaultV2/advancedHeader.ts @@ -78,6 +78,12 @@ frameworks.forEach(framework => { }); })(); await takeElementScreenshot("survey-advanced-header-with-overlap.png", Selector(".sd-root-modern"), t, comparer); + + await t.resizeWindow(500, 600); + await ClientFunction(() => { + (window).survey.setIsMobile(true); + })(); + await takeElementScreenshot("survey-advanced-header-mobile-with-overlap.png", Selector(".sd-root-modern"), t, comparer); }); }); }); \ No newline at end of file diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-advanced-header-mobile-with-overlap.png b/visualRegressionTests/tests/defaultV2/etalons/survey-advanced-header-mobile-with-overlap.png new file mode 100644 index 0000000000..0c4c02d982 Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/survey-advanced-header-mobile-with-overlap.png differ