Margin issues with mobile form

  • Profile Image
    JeronMusic
    Asked on October 03, 2016 at 09:09 PM
    Also, on mobile - the right margin is narrow, leaving the fields and
    heading/sub-heading text pushed up against the right margin.
  • Profile Image
    Mike
    Answered on October 03, 2016 at 09:31 PM

    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;}

  • Profile Image
    JeronMusic
    Answered on October 08, 2016 at 05:49 PM

    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.

  • Profile Image
    jonathan
    Answered on October 09, 2016 at 12:48 AM

    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.

  • Profile Image
    JeronMusic
    Answered on December 12, 2016 at 01:04 PM

    Hello,

     

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

     

    Thanks,

    Jeron

  • Profile Image
    Kiran
    Answered on December 12, 2016 at 02:52 PM

    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.