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.

SiteOrigin Post Carousel Widget

Resolved 16 replies pluginplugin-page-buildertechnical
karenw
Started · Latest reply by Andrew Misplon

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.

Need fast email support? Get SiteOrigin Premium

Replies

16
  1. Andrew Misplon Staff

    Hi Karen

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

    Thanks

  2. karenw

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

  3. Andrew Misplon Staff

    Thanks

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

  4. karenw

    Yes I did that previously & it was responsive

  5. Andrew Misplon Staff

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

  6. karenw

    I'll do that now, just signing in

  7. karenw

    The carousel is deleted now …the page is responsive now

  8. Andrew Misplon Staff

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

  9. karenw

    It's back in now

  10. Andrew Misplon Staff

    Thanks. Try adding to CustomizeAdditional CSS:

    @media (min-width: 781px) {
	#primary {
		float: none;
	}
}
  11. karenw

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

  12. Andrew Misplon Staff

    Try changing the entire rule to:

    @media (min-width: 781px) {
	#primary {
		float: none !important;
	}
}
  13. karenw

    That didn't work

  14. Andrew Misplon Staff

    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. karenw

    It has sorted it, thank you

  16. Andrew Misplon Staff

    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.

Have a different question or issue?

Start New Thread