Contact Form 7
Mobile responsive problem (4 posts)

  1. kategorgeous
    Posted 2 years ago #

    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?


    Many thanks


  2. Wil
    Posted 2 years ago #

    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;


  3. kategorgeous
    Posted 2 years ago #

    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!

  4. Wil
    Posted 2 years ago #

    lol - mess away! :-P

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic