Home>Support>Contact Form Header Widget – Mobile design Issues

Contact Form Header Widget – Mobile design Issues

Hi SiteOrigin Forum,
So I setup/formatted the SiteOrigin Contact Form Widget for my homepage side panel. It looks great on desktop, but on mobile view it’s large and the first thing you see. It dwarfs in size the website Title and is above the homepage image. (all other menu items are Collapsed in a three-line Hamburger).

You can go to my site jonathanrosen.com on both desktop/mobile to see what’s happening.

So my question is…
A) Is there away to reorder elements so the Contact form is smaller and near the footer in mobile view?
B) Collapsed in the hamburger
C) Removed all togerther in the mobile view?

I’m assuming this will take some CSS code which I’m not especially familiar with, but if you give me step by step I should be able to figure it out.


This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 months, 1 day ago Andrew Misplon Hi, I Work Here

    Hi Jonathan

    Thanks for reaching out.

    Within the Design section, you could perhaps try setting a Field labelsWidth.

    You can also hide the form for mobile as you’ve done.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More