floating-contact-wrap mobile width

2 replies · opened Mar 9, 2020

OollieblokeMar 9, 2020

Hi

Im using the floating-contact-wrap from the demo-nonprofit.html. All works fine until i view the contact form on a small mobile device.
The form goes off the page. Am i able to change this so fit the screen when veiwing on a small device?

Thanks

SSemicolon WebSTAFFMar 11, 2020

Hello,

Apologies about the Inconveniences caused!

Consider using the following CSS Code:


.floating-contact-wrap .floating-contact-box {
	max-width: calc( 100vw - 55px );
}

This should definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

OollieblokeMar 11, 2020

Thanks!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard