Home › Forums › WoodMart support forum › popup direction

popup direction

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 1, 2021 at 12:43 pm #278224

    blackmocha
    Participant

    Hi there,

    What is the code to change the direction of the popup?

    Right now, it animates from left to right.

    How do I make it animate from bottom to top? and then closing would be from top to bottom?

    Thanks

    April 2, 2021 at 7:16 am #278370

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Could you please elaborate with some relevant screenshots and with the URL of the page to check it myself and help you out accordingly?

    Because your explanation is not clear enough to understand what you require.

    Best Regards.

    April 2, 2021 at 7:23 am #278373

    blackmocha
    Participant

    Hi there,

    Here is an example:

    https://neilpatel.com/

    At the bottom, there is a button. If you click on it, the popup direction will slide up.

    Thanks

    April 2, 2021 at 8:11 am #278382

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .mfp-move-horizontal .mfp-with-anim {
		-webkit-transform: translateY(50px);
    transform: translateY(50px);
}
body .mfp-move-horizontal.mfp-ready .mfp-with-anim {
		-webkit-transform: none;
    transform: none;
}
body .mfp-move-horizontal.mfp-removing .mfp-with-anim {
  	-webkit-transform: translateY(50px);
    transform: translateY(50px); 
}

    Best Regards

    April 2, 2021 at 8:11 am #278383

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry but there is no option in Theme Settings available for that.

    It requires customizations and this is beyond our limitations and support policy.

    Best Regards

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)