Home>Support>SiteOrigin Post Carousel Widget

SiteOrigin Post Carousel Widget

By karenw, 5 years ago. Last reply by Andrew Misplon, 5 years ago.

I added the post carousel widget into a page and it is not responsive on mobile.
It looks fine in desktop view but in mobile view it throws off the whole design of the page, including any other content in the page, and does not respond at all. Has anyone else had this issue or know of a solution?
Thanks.

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

  1. 5 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi Karen

    Do you have a public URL where we can take a look at what’s going on?

    Thanks

  2. 5 years, 4 months ago karenw

    Yes it's http://kmmediadev.com/lovegorey.iecopy/

  3. 5 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Thanks

    Overall, the page seems to have responsive challenges. Can you perhaps temporarily delete the Carousel and then re-check the page?

  4. 5 years, 4 months ago karenw

    Yes I did that previously & it was responsive

  5. 5 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Please, could you delete the carousel temporarily so we can take a look? Thanks.

  6. 5 years, 4 months ago karenw

    I'll do that now, just signing in

  7. 5 years, 4 months ago karenw

    The carousel is deleted now …the page is responsive now

  8. 5 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Thanks, you can reinsert the carousel, will take another look.

  9. 5 years, 4 months ago karenw

    It's back in now

  10. 5 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Thanks. Try adding to CustomizeAdditional CSS:

    @media (min-width: 781px) {
	#primary {
		float: none;
	}
}
  11. 5 years, 4 months ago karenw

    That code is in now but it seems to have made the carousel responsive but not the rest

  12. 5 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Try changing the entire rule to:

    @media (min-width: 781px) {
	#primary {
		float: none !important;
	}
}
  13. 5 years, 4 months ago karenw

    That didn't work

  14. 5 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Sorry, that should have been:

    @media (max-width: 781px) {
	#primary {
		float: none !important;
	}
}

    If the above doesn’t help, please try temporarily testing without any contents saved in your Custom CSS. Temporarily remove all Custom CSS. The above should help now though.

  15. 5 years, 4 months ago karenw

    It has sorted it, thank you

  16. 5 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Glad that helped. All the best.

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