WordPress.org

Forums

Contact Form 7
Mobile responsive problem (4 posts)

  1. kategorgeous
    Member
    Posted 1 year 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?

    http://www.amberleaftours.co.uk/contact-us/

    Many thanks
    Kate

    http://wordpress.org/plugins/contact-form-7/

  2. Wil
    Member
    Posted 1 year 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;
    }

    Wil.

  3. kategorgeous
    Member
    Posted 1 year 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!
    Kate

  4. Wil
    Member
    Posted 1 year 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