Margin issues with mobile form

Also, on mobile - the right margin is narrow, leaving the fields and
heading/sub-heading text pushed up against the right margin.

If you are referring to the space around the form container, there is a style within www.jeronmusic.com/files/main_style.css file which is adding some padding.

@media screen and (max-width: 769px) {
.row {width: auto;padding: 0 20px;}

Thank you for the diagnosis, however, please provide a solution to correct this.  Also on the mobile version, the next page buttons (which I've since changed to green apple; and tinkered with the design parameters in the edit form section) now hangs off the form.  (see attached screen shot)

 

Not sure if this is related to the 'main_style.css' for the margin issue, or a Designer setting I changed when toggling between themes and parameters in the 'Edit Form' section.  Please advise how to correct this as well, in addition to the right margin issue -- both of these issues occurring on mobile devices only.

Hi,

You will need to correct this on the main_style.css' on your website page.

As mentioned by our colleague Mike, it was on this file http://www.jeronmusic.com/files/main_style.css

 

Let us know if you were not able to do it.

Thanks.

Hello,

 

Please assist me in correcting this margin issue in my mainstyle.css to allow the margins to be viewed correctly.

 

Thanks,

Jeron

Unfortunately, this file is something related to your website. You may try accessing the file from any IDE connected to your hosting server using FTP connection and add the code provided by our colleague to the file and upload it back to your server. You may also access the file using the File manager provided in your hosting control panel.

If you are not sure how to access the files of your hosting manager, you may check with the hosting service provider or hire a programmer from Upwork or Freelancer.

Please get back to us if you need any further assistance. We will be happy to help.