Follow up to #274838 – position of the close button in the promo popup

Hi,

Follow up to #274838 (I can’t reply to the original message. I think the thread has been closed.)
The solution you suggested use percentage positioning which doesn’t work on narrower screens (see screenshot below).

From a usability point of view, the correct place for a close button is within the element (top right corner) because that’s where users are looking in that moment. It’s also better for people who navigate using assistive devices.
But I’m guessing the only way to fix it is in the theme?

If there’s a different fix that I can apply now, please let me know.
Otherwise, can I please ask that you fix it in an upcoming release?

Thanks,
S

Attachments:

You must be logged in to view attached files.

Hello,

Please try this code and remove the code provided above:

body .mfp-wrap .woodmart-promo-popup {
    display: block;
    position: relative;
}
body .button.mfp-arrow, 
body button.mfp-close {
    position: absolute;
}

Best Regards

Thanks Elise,

Once I’ve added ‘right:0 !important;’ it’s worked.

Thanks,
S

Hello,

That is fine. If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts