Current behaviour

On desktop (>991 px) and mobile (<480 px) the pop-up renders correctly.

In the tablet range (~480-990 px) the pop-up keeps a fixed width. The right edge (incl. ✕ close button) overflows the viewport, so users can’t dismiss the modal.

Steps to reproduce

Create any pop-up.

Resize browser to 600-800 px wide (or test on iPad Mini portrait).

Observe close button outside the visible area.

Expected

Pop-up should always respect 100vw minus safe padding, and the close button should stay inside the modal.

Temporary CSS fix (works across devices):

css

@media (max-width: 767px){

#hl_main_popup.popup-body.show.hl_main_popup{

max-width: calc(100vw - 32px)!important;

margin: 0 auto!important;

overflow-y: auto!important;

}

#hl_main_popup .closeLPModal{

position:absolute!important;

top:8px!important;

right:8px!important;

transform:none!important;

z-index:9999!important;

}

}