contact form responsiveness

TurnerGroup · October 2018

Hi

I am having a problem with the pop up contact form. The form doesn't load within the screen. Is there anyway to fix this?

https://turneraccessdenmark.com/

Pablo · October 2018

Hi,

Paste this code into Theme Options > Custom CSS & JS > CSS

@media (max-width:767px){
  #popup_contact{
	 display:block !important;
	}
	
	#popup_contact .button{
		top:-80px !important;
	}
}

Thanks

TurnerGroup · October 2018

Hi tried that didnt work.

Kind regards,

Pablo · October 2018

Hi,

I see it's working, please clear the cache of your browser.

Also, you ask for display the contact icon on mobile or to resize the box of it?

Thanks

TurnerGroup · October 2018

hmmn. Are you sure ? I'm on a laptop at the moment and it its not showing the name section. Cleared cache.

Pablo · October 2018

Please make some screenshots.

I'm not sure what is your issue now.

I see it on the bottom while on mobile

http://prntscr.com/l91exe

Cheers

TurnerGroup · October 2018

Oh , when it opens. if you click on it the form fields dont show up.

Kind regards,

Pablo · October 2018

Which OS and Browser do you use?

It's working for me in Firefox, Chrome and Opera.

Greetings

jadoo_info · October 2018

How can I add a popup screen to my website?

Pablo · October 2018

jadoo_info

Use this code, insert it into column item:

[button title="Button" link="#you-custom-id" target="_blank" class="" download="" rel="lightbox" onclick=""]
<div id="you-custom-id" style="display:none">CONTENT HERE</div>

Thanks

TurnerGroup · October 2018

Im using chrome

TurnerGroup · October 2018

Doesnt work on ios either. The top of the form is cut off

Pablo · October 2018

Try to add this code:

#popup_contact {
	transform:scale(0.7) !important;
}

Thanks

TurnerGroup · October 2018

Hi nope that stll doesn't work. I think its a problem with the theme as it across all three websites.

Pablo · October 2018

Can you create other Contact Form which will be smaller?

I mean, with only two fields, e-mail and text.

Thanks

contact form responsiveness

Comments