Mobile friendly modal element

Support
#1

Hi there,

I need help fixing this issue with the button element:

#2

Also, how can I add the close button to be inside the element?

#3

Hello Katarina,

Thanks for writing to us.

I checked your site it seems you have set the Close Size & Dimensions as 25px that also adds that padding on the modal content. I would suggest you add the size as 1em that would responsive throughout all the breakpoints.

Thanks

#4

Hi Prakash,

Thank you for the help, I just need 1 more thing… sorry for bothering you

How can I add the close button inside the element like in the picture I draw below:

#5

Hi Katarina,

Regretfully, there is no such option to shift the cross icon to where you want.

Thanks

#6

There’s no option to add an X (close button) in the modal element?

#7

Hello Katarina,

As @tristup said there is no option to move the close button inside the modal content but it can achieve through the custom CSS code. Please add this custom CSS code under X/Pro—>Theme Option—>CSS.

Please note that the given code would only work on the small mobile device only.

@media(max-width:479.99px){
.e2069-18.x-modal .x-modal-close {
    color: rgb(0 0 0);
    position: absolute;
    top: 7em;
    right: 3em;
}
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme or If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.