Stop button wrap

[waynepatt58]

This is probably something simple, when I am on the small screens the subscribe button wraps under the box where you enter your email address. I would like the button to remain at the right side of the email box. Is there some code I can enter to keep the button in place?

[Prasant]

Hello Wayne,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
    #mc_embed_signup input.email {
    width: 75%;
    margin-right: 20px;
}

#mc_embed_signup input.button,  {width: 20%;}

div#mc_embed_signup_scroll {
    display: inline-flex;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[waynepatt58]

thanks works great

[friech]

We are delighted to assist you with this.

Cheers!