Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 24, 2016 at 2:59 pm #653034
    vnfan

    Hi support team,
    this is the code from my contact form 7.

    <div class=”flex_column av_one_full” style=”background-color:rgba(42,73,100,0.8); padding:10px 15px 0 15px; color:#ffffff; border-radius:3px;”>
    <div class=”flex_column av_one_fourth first”>
    Früheste Anreise<br />[date anreise date-format:dd.mm.yy min-date:0 placeholder “TT.MM.JJJJ” ]
    </div>
    <div class=”flex_column av_one_fourth”>
    Späteste Rückkehr<br />[date rueckkehr date-format:dd.mm.yy min-date:0 placeholder “TT.MM.JJJJ”]
    </div>
    <div class=”flex_column av_one_fourth”>
    Reisedauer in Tagen [text reisedauer]
    </div>
    <div class=”flex_column av_one_fourth” style=”margin-top:20px;”>
    [submit “Angebot anfordern”]
    </div>
    </div>

    I have tried to add a extra class to reduce its column spaces on mobile version (max-width: 767px) the whole morning.
    Could you please helf me with this?
    What should the code in Quick CSS looks like?

    June 24, 2016 at 4:51 pm #653067
    Yigit

    Hey vnfan!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
.wpcf7 .flex_column {
    margin-bottom: 0!important;
}}

    Cheers!
    Yigit

    June 24, 2016 at 10:12 pm #653190
    vnfan

    you save my day. Thanks so much.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘reduce column space for contact form 7 on mobile version’ is closed to new replies.