Return to previous page

Contact form Popup issue on mobile screen

This topic has 14 replies, 2 voices, and was last updated 2 years, 2 months ago ago by Rose Tyler

Saud Raza

Participant

January 10, 2023 at 11:35

Hi Team,
On the website, I have created a Contact form popup and the popup looks good but the issue on the mobile is I can’t see the submit button. Which seems to be weird. I tried different settings but it does not work.
Please have a look and let me know how can I fix this one on mobile.

FYI video for your reference: https://drive.google.com/file/d/1iOS_-zFXkE7IYuoWSfrdjpWRzIj4Qt9S/view?usp=sharing

#343462 Copied Theme version: .9.0.1

13 Answers

Rose Tyler

Support staff

January 10, 2023 at 12:24

Hello,

You need to check how it works from a real device, the scroll bar will be there.
From my mobile, I can see AMP version, because you activated XStore AMP plugin.

Regards

#343469 Copied

Saud Raza

Participant

January 10, 2023 at 12:42

You can go to the bottom of the website and disable the AMP version. Meanwhile, I have also disabled it. Please check again.

#343472 Copied

Rose Tyler

Support staff

January 10, 2023 at 12:53

Now I can see the scroll bar, but the button is hidden under the mobile panel. Please try to reduce this space https://prnt.sc/WRSQ35b1z0se and add space under the button.

Regards

#343475 Copied

Saud Raza

Participant

January 10, 2023 at 12:58

The Screenshot you shared is not visible on that webpage.
Where should I add space in the contact form or the popup button? Would you mind sharing some more details.

#343477 Copied

Rose Tyler

Support staff

January 10, 2023 at 13:11

Please check this screenshot – https://we.tl/t-VKfIo3Y0Xl
Provide temporary wp-admin access, so I can take a closer look at your settings.
Create an account via Dashboard (Users > Add new) with administrator role http://prntscr.com/s3rc9m > provide us with username and password via the Private Content area http://prntscr.com/s5mao7 You can use any email for it.

Regards

#343479 Copied

Saud Raza

Participant

January 10, 2023 at 13:15

Please check the details and see. Access granted.

Please contact administrator
for this information.

#343480 Copied

Rose Tyler

Support staff

January 10, 2023 at 14:31

https://prnt.sc/m4JYX_9g5_4E – you are editing page right now. Please let me know when the editor will be closed.

Regards

#343487 Copied

Saud Raza

Participant

January 10, 2023 at 14:47

I am done with the editing. You can check and update from your side.

#343491 Copied

Rose Tyler

Support staff

January 10, 2023 at 15:07

Please create a new template using Elementor https://prnt.sc/eTZVn380Fpm8 , add there the desired content, then select that template for the button popup – https://prnt.sc/NJsZvDxxAo2e
In this case, you will be able to edit content using Elementor and set margins (spaces) depending on your needs for different devices.

Regards

#343494 Copied

Saud Raza

Participant

January 10, 2023 at 15:11

Would you mind sharing the screenshots via we transfer as from prntscr it’s not visible.

#343496 Copied

Rose Tyler

Support staff

January 10, 2023 at 15:23

Sorry, here they are – https://we.tl/t-NHrgja2oCJ

Regards

#343503 Copied

Saud Raza

Participant

January 11, 2023 at 11:13

Hello Team,
I created an Elementor template as per your guidelines and tried to handle the contact form from there, it works fine on the desktop but still not able to see send or close buttons on the mobile screen.

#343660 Copied

Rose Tyler

Support staff

January 11, 2023 at 12:12

Hello,

Do not add an image to the contact form 7 form text – https://prnt.sc/_NmwSUCzIUwS , you need to add image, heading and text using appropriate elements of Elementor in the template – https://prnt.sc/VtTuhpiM3d4-
Check next screenshots – https://we.tl/t-E2DNBikt78

Regards

#343667 Copied
Tagged: best selling, contact form popup, issue fix, mobile screen, seo friendly, woocommerce themes
Viewing 14 results - 1 through 14 (of 14 total)