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.

Widgets Stacking

Open 9 replies questionthemetheme-vantage
Scotia
6 years ago · Last reply by Andrew Misplon 6 years ago

I have three widgets in my header that stack vertically when I change to mobile display. I am wanting them to stay horizontal in line with each other to the right side of the header.

I wasn’t sure if I am being stupid and there is an easy fix or if I need to input some custom CSS.

My URL is www.murrayfielddental.co.uk

Thanks

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

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Andrew Misplon Staff 6 years, 5 months ago

    Hi Scotia

    Thanks for reaching out.

    Try editing the Features widget and disable the setting labeled Responsive layout.

  2. Scotia 6 years, 5 months ago

    Thanks for getting back to me so quickly.

    I disabled the responsive layout feature on each of the 3 widgets but they are still stacking when I change display. I also made sure the features per row was 3 but that made no difference either.

  3. Andrew Misplon Staff 6 years, 5 months ago

    Sure.

    The challenge is that you’ve added three Features widget. Try adding three features inside a single Features widget.

  4. Scotia 6 years, 5 months ago

    Thanks Andrew, that’s resolved the issue of them stacking. I still can’t get them to go to the right side of the header when in mobile display but still in line with the logo. I was wondering if there is simple code for this or if I need to use Page Builder layout widget?

  5. Andrew Misplon Staff 6 years, 5 months ago

    Glad to hear you’re making progress. At CustomizeTheme SettingsLogo try enabling No Widget Overlay.

  6. Scotia 6 years, 5 months ago

    It looks perfect in full mode but still not right on a mobile. I’m now just wanting to move the logo and the widgets when in responsive display so that they are all on 1 line instead of the widgets lying under the logo. Have tried some custom CSS but still can’t get it to work.

  7. Andrew Misplon Staff 6 years, 5 months ago

    Thanks for your feedback. The expected behavior on mobile would be for the widget area to drop below the logo. An example of this behavior can be seen in the Vantage demo https://demo.siteorigin.com/vantage/. Our free support scope is limited to assistance with basic usage and troubleshooting. I wish we could dive into Custom CSS changes here on the forum. We’re a small setup with limited resources. We can assist with Custom CSS adjustments within our SiteOrigin Premium support scope where we have the budget. If you’re seeing behavior that differs from the demo or from normal operation, I can certainly assist.

  8. Scotia 6 years, 5 months ago

    Thanks Andrew.That all makes sense. Thanks for all your help.

  9. Andrew Misplon Staff 6 years, 5 months ago

    For sure, if any other SiteOrigin questions arise, please, feel free to open a new support thread.

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