Form boxes going over content area in mobile view (Contact Form 7)

Home Forums All Other Themes Form boxes going over content area in mobile view (Contact Form 7)

This topic contains 10 replies, has 3 voices, and was last updated by  SKT Themes 2 years, 2 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #29110

    MP EK
    Member
    • Topics: 28
    • Replies: 149
    • Total: 177
    Member since: October 21, 2015

    Hello, please have a look at this Screenshot

    The Form boxes are going over content area.

    Is this a plugin problem or theme problem?
    Do you have a solution to prevent this?

    #29256

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18235
    • Total: 18235
    Member since: August 16, 2013

    Hi Michael,

    Kindly share the page URL here.

    Regards,
    Brad

    #29289

    MP EK
    Member
    • Topics: 28
    • Replies: 149
    • Total: 177
    Member since: October 21, 2015

    Hi Brad,

    I mean this page

    please switch to german if english is active.

    #29293

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18235
    • Total: 18235
    Member since: August 16, 2013

    Hi Michael,

    I have checked the page on all screen sizes and everything looks fine.

    I have checked here also: http://www.responsinator.com

    Regards,
    Brad

    #29312

    MP EK
    Member
    • Topics: 28
    • Replies: 149
    • Total: 177
    Member since: October 21, 2015

    Hello Brad,

    thank you for checking.

    Responsinator has a better representation of my website on mobile than all browsers on my phone (Chrome, Firefox, Dolphin, Samsung Internet 4.0.10-51), they show all that same problem.

    In Responsinator you can see, that the form field is nearer the right border than the left. Do you have a code for me to center the form fields in mobile view?

    regards,
    Michael

    #29321

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18235
    • Total: 18235
    Member since: August 16, 2013

    Hi Michael,

    @media screen and ( max-width:768px) {
    input[type=”text”], input[type=”email”], input[type=”url”], input[type=”password”], input[type=”search”]{ width:96% !important; }
    }

    Regards,
    Brad

    #29325

    MP EK
    Member
    • Topics: 28
    • Replies: 149
    • Total: 177
    Member since: October 21, 2015

    That code makes no difference.

    I already have this code snipped in my custom css box to decrease the distance to menu:

    @media screen and (max-width: 479px) {
    #secondary.home_front_wrap{margin-bottom:0 !important;}
    }
    #primary { width:100%; margin:0;}
    

    Perhaps there are some interferences?

    #29328

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18235
    • Total: 18235
    Member since: August 16, 2013

    Hi Michael,

    Kindly send us your URL of the site and WordPress admin details via sktthemes.net/contact

    Please mention this forum URL while replying so that we understand what needs to be done.

    Regards,
    Brad

    #29337

    MP EK
    Member
    • Topics: 28
    • Replies: 149
    • Total: 177
    Member since: October 21, 2015

    can we do a skype session instead? Perhaps now? my skype user: michael.pekic

    #44248

    MP EK
    Member
    • Topics: 28
    • Replies: 149
    • Total: 177
    Member since: October 21, 2015

    I just sent the details, regarding another problem. Would be nice if you could check for this again as well? Thank you.

    #44286

    SKT Themes
    Keymaster
    • Topics: 2
    • Replies: 6462
    • Total: 6464
    Member since: June 12, 2013

    Okay.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.