How to Center Submit Button on Contact Form for Mobile

  • sjstar4

    (@shobhitjain)


    4 years, 5 months ago

    How can I center the SUBMIT button on my Contact Form for mobile only? The CSS codes I have found online center the button entirely for desktop and mobile; however, I want to figure out a way to only center the button for MOBILE ONLY.

    This is the code I used to center it but it applied to MOBILE and DESKTOP:

    .wpf-center .wpforms-head-container,
    .wpf-center .wpforms-submit-container {
    text-align: center;
    }

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Jarret

    (@jarretc)

    4 years, 5 months ago

    You have to wrap your code inside of a @media query

    @media screen and (max-width: 768px) {
    .page-id-8 .wpf-center .wpforms-submit-container {
         text-align: center;
    }
}

    So that code says if the browser width is less than 768px wide, apply the CSS inside of the { } brackets

Viewing 1 replies (of 1 total)
  • The topic ‘How to Center Submit Button on Contact Form for Mobile’ is closed to new replies.