Home › Forums › WoodMart support forum › Follow up to #274838 – position of the close button in the promo popup

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 22, 2021 at 10:39 am #275379

    S.G.
    Participant

    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.
    March 22, 2021 at 7:47 pm #275527

    Elise Noromit
    Member

    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

    March 24, 2021 at 9:25 am #275971

    S.G.
    Participant

    Thanks Elise,

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

    Thanks,
    S

    March 24, 2021 at 1:07 pm #276040

    Elise Noromit
    Member

    Hello,

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

    Best Regards

  • Author
    Posts

Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)