Title: Mobile responsive problem
Last modified: August 21, 2016

---

# Mobile responsive problem

 *  [kategorgeous](https://wordpress.org/support/users/kategorgeous/)
 * (@kategorgeous)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/mobile-responsive-problem/)
 * Hello there, I have put my form into a widget and on my ickle laptop it looks
   just dandy. However, on my mobile phone I can barely see it at all as it goes
   off to the left. Is there anyone who can help me with the styling to make my 
   form mobile responsive?
 * [http://www.amberleaftours.co.uk/contact-us/](http://www.amberleaftours.co.uk/contact-us/)
 * Many thanks
    Kate
 * [http://wordpress.org/plugins/contact-form-7/](http://wordpress.org/plugins/contact-form-7/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Wil](https://wordpress.org/support/users/limecanvas/)
 * (@limecanvas)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/mobile-responsive-problem/#post-4526836)
 * Hey Kategorgeous,
 * You can probably solve that with one line of code.
 * In your style.css file in your theme folder search for the line :
    `@media only
   screen and (max-width: 1023px)`
 * and then below that the line (around like 2314):
    `.sidebar .widget`
 * In this .sidebar .widget CSS clause set it to float:left;
 * Full CSS clause e.g.
 *     ```
       .sidebar .widget {
       background-color: #393939;
       padding: 20px;
       float: left;
       }
       ```
   
 * Wil.
 *  Thread Starter [kategorgeous](https://wordpress.org/support/users/kategorgeous/)
 * (@kategorgeous)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/mobile-responsive-problem/#post-4526862)
 * Wil, you are a star!
    I LOVE forums! This is SO helpful. Not only have you fixed
   my problem but also taught me how to mess around with the mobile styling. I had
   used a theme and not really thought about how the responsiveness stuff worked.
   Ooh, happy girly, Thank you! Kate
 *  [Wil](https://wordpress.org/support/users/limecanvas/)
 * (@limecanvas)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-problem/#post-4526873)
 * lol – mess away! 😛

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Mobile responsive problem’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

## Tags

 * [Mobile responsive](https://wordpress.org/support/topic-tag/mobile-responsive/)

 * 3 replies
 * 2 participants
 * Last reply from: [Wil](https://wordpress.org/support/users/limecanvas/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-problem/#post-4526873)
 * Status: not resolved