Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Can you please help me make the sidebar containing a contact form and google map on the Contact Us page more responsive for mobile viewing. I am developing this site for my client using Vantage Premium. -Thanks, Lynda
PS: I think the url link is incorrect. The temporary site is temp.obrienfabrications.ca/ and it is the Contact Us page.
Hi Lynda
Sorry for the late reply here. The first problem I can see is the custom CSS you’ve used to change the width of the sidebar. At the moment, it’s overriding the responsive CSS. I think just removing the !important modifier will help.
.page-id-45 #secondary { width: 35% !important; } .page-id-45 #primary { width: 65% !important; }It looks like the main problem with the contact form is the width of the textarea. I’m not sure why the width is being set, but you should be able to override that with the following custom CSS.
.wpcf7-textarea { width: 100% !important; }Thank you. I should have been able to figure this out myself, but this worked perfectly! Your team provides excellent support! -Lynda
Super, really glad to hear that helped.
Thanks for your support.