This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Contact Form Header Widget – Mobile design Issues

Open 1 reply pluginplugin-widgets-bundletechnical
jonathan Rosen
4 years ago · Last reply by Andrew Misplon 4 years ago

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?
or
B) Collapsed in the hamburger
or
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.

Thanks!
Jonathan

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 4 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread