AST-2013 - Transparent Header Issue with Full Width/Stretched Layout

[GauravKhupse]

Description

The default margin of padding added to the Full Width/Stretched Layout is causing the issues with the Transparent header.

Steps To Reproduce:

Install Astra on a Fresh Installation Create a page with Full Width/Stretched Layout and add a full-Width block Disable the title and enable the transparent header Due to the padding, there is white space behind the transparent header and obviously, it does not look good. It only happens with the Full Width/Stretched layout and the issue is fixed with Full Width/Contained.

Screenshots

https://d.pr/i/hFYPPs

Types of changes

How has this been tested?

Checklist:

• [x] My code is tested
• [ ] My code passes the PHPCS tests
• [ ] My code follows accessibility standards
• [ ] My code has proper inline documentation
• [ ] I've included any necessary tests
• [ ] I've included developer documentation
• [ ] I've added proper labels to this pull request

[github-actions[bot]]

Size Change: 0 B

Total Size: 545 kB

ℹ️ View Unchanged

Filename	Size
assets/css/minified/compatibility/bne-flyout.min-rtl.css	76 B
assets/css/minified/compatibility/bne-flyout.min.css	76 B
assets/css/minified/compatibility/contact-form-7-main.min-rtl.css	424 B
assets/css/minified/compatibility/contact-form-7-main.min.css	424 B
assets/css/minified/compatibility/contact-form-7.min-rtl.css	441 B
assets/css/minified/compatibility/contact-form-7.min.css	449 B
assets/css/minified/compatibility/divi-builder.min-rtl.css	112 B
assets/css/minified/compatibility/divi-builder.min.css	112 B
assets/css/minified/compatibility/edd-grid.min.css	4.26 kB
assets/css/minified/compatibility/edd.min-rtl.css	4.49 kB
assets/css/minified/compatibility/edd.min.css	4.49 kB
assets/css/minified/compatibility/gravity-forms.min-rtl.css	322 B
assets/css/minified/compatibility/gravity-forms.min.css	322 B
assets/css/minified/compatibility/learndash.min-rtl.css	2.63 kB
assets/css/minified/compatibility/learndash.min.css	2.63 kB
assets/css/minified/compatibility/lifterlms-flex.min.css	3.74 kB
assets/css/minified/compatibility/lifterlms.min-rtl.css	3.96 kB
assets/css/minified/compatibility/lifterlms.min.css	3.96 kB
assets/css/minified/compatibility/page-builder/bb-plugin.min-rtl.css	20 B
assets/css/minified/compatibility/page-builder/bb-plugin.min.css	172 B
assets/css/minified/compatibility/page-builder/vc-plugin.min-rtl.css	20 B
assets/css/minified/compatibility/page-builder/vc-plugin.min.css	315 B
assets/css/minified/compatibility/site-origin.min-rtl.css	167 B
assets/css/minified/compatibility/site-origin.min.css	167 B
assets/css/minified/compatibility/woocommerce/woocommerce-grid.min-rtl.css	16 kB
assets/css/minified/compatibility/woocommerce/woocommerce-grid.min.css	16 kB
assets/css/minified/compatibility/woocommerce/woocommerce-layout-grid.min-rtl.css	1.94 kB
assets/css/minified/compatibility/woocommerce/woocommerce-layout-grid.min.css	1.94 kB
assets/css/minified/compatibility/woocommerce/woocommerce-layout.min-rtl.css	2.14 kB
assets/css/minified/compatibility/woocommerce/woocommerce-layout.min.css	2.14 kB
assets/css/minified/compatibility/woocommerce/woocommerce-smallscreen-grid.min-rtl.css	867 B
assets/css/minified/compatibility/woocommerce/woocommerce-smallscreen-grid.min.css	866 B
assets/css/minified/compatibility/woocommerce/woocommerce-smallscreen.min-rtl.css	935 B
assets/css/minified/compatibility/woocommerce/woocommerce-smallscreen.min.css	934 B
assets/css/minified/compatibility/woocommerce/woocommerce.min-rtl.css	16.1 kB
assets/css/minified/compatibility/woocommerce/woocommerce.min.css	16.1 kB
assets/css/minified/customizer-controls.min-rtl.css	1.26 kB
assets/css/minified/customizer-controls.min.css	1.26 kB
assets/css/minified/editor-style.min-rtl.css	4.59 kB
assets/css/minified/editor-style.min.css	4.58 kB
assets/css/minified/extend-customizer.min-rtl.css	440 B
assets/css/minified/extend-customizer.min.css	441 B
assets/css/minified/frontend.min-rtl.css	8.77 kB
assets/css/minified/frontend.min.css	8.77 kB
assets/css/minified/galleries.min-rtl.css	387 B
assets/css/minified/galleries.min.css	387 B
assets/css/minified/main-css.min.css	8.05 kB
assets/css/minified/main.min-rtl.css	7.96 kB
assets/css/minified/main.min.css	7.96 kB
assets/css/minified/menu-animation.min.css	379 B
assets/css/minified/style-css.min.css	10.2 kB
assets/css/minified/style-flex.min.css	10.1 kB
assets/css/minified/style.min-rtl.css	11.7 kB
assets/css/minified/style.min.css	11.7 kB
assets/css/minified/stylesheet.min.css	7.86 kB
assets/css/unminified/compatibility/bne-flyout-rtl.css	128 B
assets/css/unminified/compatibility/bne-flyout.css	128 B
assets/css/unminified/compatibility/contact-form-7-main-rtl.css	509 B
assets/css/unminified/compatibility/contact-form-7-main.css	509 B
assets/css/unminified/compatibility/contact-form-7-rtl.css	560 B
assets/css/unminified/compatibility/contact-form-7.css	560 B
assets/css/unminified/compatibility/divi-builder-rtl.css	151 B
assets/css/unminified/compatibility/divi-builder.css	151 B
assets/css/unminified/compatibility/edd-grid-rtl.css	5.03 kB
assets/css/unminified/compatibility/edd-grid.css	5.03 kB
assets/css/unminified/compatibility/edd-rtl.css	5.28 kB
assets/css/unminified/compatibility/edd.css	5.28 kB
assets/css/unminified/compatibility/gravity-forms-rtl.css	402 B
assets/css/unminified/compatibility/gravity-forms.css	402 B
assets/css/unminified/compatibility/learndash-rtl.css	2.85 kB
assets/css/unminified/compatibility/learndash.css	2.85 kB
assets/css/unminified/compatibility/lifterlms-flex-rtl.css	4.09 kB
assets/css/unminified/compatibility/lifterlms-flex.css	4.09 kB
assets/css/unminified/compatibility/lifterlms-rtl.css	4.3 kB
assets/css/unminified/compatibility/lifterlms.css	4.3 kB
assets/css/unminified/compatibility/page-builder/bb-plugin.css	226 B
assets/css/unminified/compatibility/page-builder/vc-plugin.css	422 B
assets/css/unminified/compatibility/site-origin-rtl.css	227 B
assets/css/unminified/compatibility/site-origin.css	225 B
assets/css/unminified/compatibility/woocommerce/woocommerce-grid-rtl.css	17.8 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-grid.css	17.8 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-layout-grid-rtl.css	2.45 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-layout-grid.css	2.45 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-layout-rtl.css	2.64 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-layout.css	2.64 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-rtl.css	17.9 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid-rtl.css	1.19 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid.css	1.19 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-rtl.css	1.27 kB
assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen.css	1.27 kB
assets/css/unminified/compatibility/woocommerce/woocommerce.css	17.9 kB
assets/css/unminified/customizer-controls-rtl.css	1.52 kB
assets/css/unminified/customizer-controls.css	1.52 kB
assets/css/unminified/editor-style-rtl.css	5.89 kB
assets/css/unminified/editor-style.css	5.88 kB
assets/css/unminified/extend-customizer-rtl.css	514 B
assets/css/unminified/extend-customizer.css	515 B
assets/css/unminified/frontend-rtl.css	11.9 kB
assets/css/unminified/frontend.css	11.9 kB
assets/css/unminified/galleries-rtl.css	411 B
assets/css/unminified/galleries.css	411 B
assets/css/unminified/main-rtl.css	10.8 kB
assets/css/unminified/main.css	10.8 kB
assets/css/unminified/menu-animation-rtl.css	430 B
assets/css/unminified/menu-animation.css	430 B
assets/css/unminified/style-flex-rtl.css	13.1 kB
assets/css/unminified/style-flex.css	13.1 kB
assets/css/unminified/style-rtl.css	15.1 kB
assets/css/unminified/style.css	15.1 kB
assets/dynamic-css.css	7.46 kB
assets/js/minified/customizer-controls-toggle.min.js	361 B
assets/js/minified/customizer-controls.min.js	306 B
assets/js/minified/customizer-dependency.min.js	20 B
assets/js/minified/customizer-preview.min.js	8.1 kB
assets/js/minified/extend-customizer.min.js	783 B
assets/js/minified/flexibility.min.js	3.9 kB
assets/js/minified/frontend-pro.min.js	941 B
assets/js/minified/frontend.min.js	4.03 kB
assets/js/minified/mobile-cart.min.js	866 B
assets/js/minified/navigation.min.js	2.74 kB
assets/js/minified/skip-link-focus-fix.min.js	281 B
assets/js/minified/style.min.js	2.74 kB
assets/js/minified/wp-color-picker-alpha.min.js	2.6 kB
assets/js/unminified/customizer-controls-toggle.js	831 B
assets/js/unminified/customizer-controls.js	793 B
assets/js/unminified/customizer-preview.js	11.6 kB
assets/js/unminified/extend-customizer.js	1.18 kB
assets/js/unminified/flexibility.js	4.75 kB
assets/js/unminified/frontend-pro.js	1.59 kB
assets/js/unminified/frontend.js	7.32 kB
assets/js/unminified/mobile-cart.js	1.39 kB
assets/js/unminified/navigation.js	4.93 kB
assets/js/unminified/skip-link-focus-fix.js	549 B
assets/js/unminified/style.js	4.93 kB

_{compressed-size-action}

[imnavanath]

@GauravKhupse please add changelog point.

[github-actions[bot]]

This PR is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[github-actions[bot]]

This PR was closed because it has been stalled for 65 days with no activity.