Banner element overlay issue on mobile when min-height is customized.

[ChavdaNayan]

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 (*)

1. Go to Content > Pages Or Blocks.
2. Edit a page or block using Page Builder.
3. Drag and drop a Banner element.
4. Add text, button and overlay color in the content area.
5. In mobile view, change the minimum height setting for the banner (e.g. set to 300px) (See Screenshot 1).
6. 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

[m2-assistant]

Hi @ChavdaNayan. Thank you for your report.
To speed up processing of this issue, make sure that you provided sufficient information.
Add a comment to assign the issue: @magento I am working on this

---

Join Magento Community Engineering Slack and ask your questions in #github channel.