How to change position of elementor contact form notifications?

  • Resolved kevisorus

    (@kevisorus)


    3 years, 8 months ago

    Hello,

    Firstly, many thanks for this useful plugin.

    I wanted to know if its possible to change the location of the notifications (message sent, error message) outputted when one uses the elementor contact form.

    Currently they’re shown above the contact form which is okay for desktop users but on mobile they cannot be seen without having to scroll up. So a user might actually think the contact form is not working and might end up sending more than one message.

    Is there a way to move them just below the send button as its usually the case (even if its by css)?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Steve Hedge

    (@encona)

    3 years, 8 months ago

    Hi, I would also be interested in the please as I am finding with a long contact form the end-user just keeps hitting send so I get multiple emails forms sent to me.

    Steve

    Thread Starter kevisorus

    (@kevisorus)

    3 years, 8 months ago

    I’ve found a crude way of fixing this using CSS and media queries:

    @media screen and (max-width: 650px) {
    .ti-cf-module .content-form-notice-wrapper {
    	position: relative;
    	top: 580px;
    	left: 15px;
    }
}

@media screen and (min-width: 651px) {
    .ti-cf-module .content-form-notice-wrapper {
    	position: relative;
    	top: 480px;
    	left: 15px;
    }
}

    I wish there was a better way but this will suffice in the meantime.

    Steve Hedge

    (@encona)

    3 years, 8 months ago

    @kevisorus

    Brilliant thanks mate, i will try this later

    Do I just paste this in the CSS section at the base of the system?

    Steve

    • This reply was modified 3 years, 8 months ago by Steve Hedge.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change position of elementor contact form notifications?’ is closed to new replies.