[Issue] Fixed Banner element overlay issue on mobile when min-height is customized #901
Description
This issue is automatically created based on existing pull request: #899: Fixed Banner element overlay issue on mobile when min-height is customized
Preconditions (*)
Tested in this versions:
Magento 2.4.8
Description (*)
When we set a custom minimum height for the banner, the content overlay doesn’t show up on the mobile frontend.
Steps to reproduce (*)
- Go to Content > Pages Or Blocks.
- Edit a page or block using Page Builder.
- Drag and drop a Banner element.
- Add text, button and overlay color in the content area.
- In mobile view, change the banner set a minimum height that's different from the desktop view. The issue happens only when mobile and desktop have different heights. (e.g Desktop minimum height 300px and Mobile minimum height 301px) (See Screenshot 1).
- Save and view the page on mobile device (or emulate with browser tools).
Screenshot-1
Expected result (*)
When setting a custom minimum height value for the Banner element in Page Builder’s mobile view, the content overlay (text/button layer) should be visible (See Screenshot 2).
Screenshot-2
Actual result (*)
When setting a custom minimum height value for the Banner element in Page Builder’s mobile view, the content overlay (text/button layer) is not clearly visible (See Screenshot 3).
Screenshot-3
Additional information (*)
In the banner element on mobile viewports, when we change the custom minimum height value, the banner overlay background color becomes transparent (See Screenshot 4).
Screenshot-4
