MachForm Community Forums » MachForm 3

1. njwrigley
   Member

   Hi there,

   I've just noticed that when a form is looked at on a mobile browser, the form logo gets extended / reduced horizontally, but the vertical dimensions are not altered.

   This means that if you have a small and not very high logo, it gets stretched over the mobile viewport and looks really, really stretched.

   If you look at any form, you'll see this behaviour if you reduce the viewport size.

   Can you offer a fix for this?

   Machform 4, but also in Machform 3 I'm guessing?

   Thanks.

   Posted 10 years ago #
2. 

   yuniar

   Try to edit your "view.mobile.css" file (should be located under your machform folder). Search for this code:

   #main_body h1 a{
   	background-size: 100% 100%;
   }

   remove that block of code.

   ---

   MachForm Founder

   Posted 10 years ago #

3. daniavorszky
   Member

   this is still an existent bug in 4.6 , maybe should be adressed in the next update?

   Posted 9 years ago #
4. 

   yuniar

   To make the header responsive and display the correct height when being viewed on mobile devices, simply edit your theme, click the Advanced CSS menu item and then insert this code:

   @media only screen and (max-width : 480px) {
    #main_body h1 a{
       height: 120px;
     }
   }

   make sure to adjust the 120px height above with the proper height of your logo.

   ---

   MachForm Founder

   Posted 9 years ago #

RSS feed for this topic

Reply

You must log in to post.