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
6 years ago · Last reply by Andrew Misplon 6 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.

Need fast email support? Get SiteOrigin Premium

Replies

16
  1. Andrew Misplon Staff 6 years, 8 months ago

    Hi Karen

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

    Thanks

  2. karenw 6 years, 8 months ago

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

  3. Andrew Misplon Staff 6 years, 8 months ago

    Thanks

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

  4. karenw 6 years, 8 months ago

    Yes I did that previously & it was responsive

  5. Andrew Misplon Staff 6 years, 8 months ago

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

  6. karenw 6 years, 8 months ago

    I'll do that now, just signing in

  7. karenw 6 years, 8 months ago

    The carousel is deleted now …the page is responsive now

  8. Andrew Misplon Staff 6 years, 8 months ago

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

  9. karenw 6 years, 8 months ago

    It's back in now

  10. Andrew Misplon Staff 6 years, 8 months ago

    Thanks. Try adding to CustomizeAdditional CSS:

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

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

  12. Andrew Misplon Staff 6 years, 8 months ago

    Try changing the entire rule to:

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

    That didn't work

  14. Andrew Misplon Staff 6 years, 8 months ago

    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 6 years, 8 months ago

    It has sorted it, thank you

  16. Andrew Misplon Staff 6 years, 8 months ago

    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