Home>Support>Mobile display issue with features widget

Mobile display issue with features widget


Site looks great on my computer but on mobile I’m having a lot of display issues. Mainly the features widget. It’s throwing my “find out more” and “read more” content under my content and making it overall look very sloppy. When I use firefox and use the inspect tool…it seems this blurb is the issue

@media (max-width: 780px)
.so-widget-sow-features-default-8308ae49a662-3755 .sow-features-list.sow-features-responsive .sow-features-feature, .so-widget-sow-features-default-8308ae49a662-3755 .sow-features-list.sow-features-responsive .sow-features-feature .textwidget {
display: block !important;

When i click it off in firefox (display: block !important;) it displays perfectly. However, i can’t figure out how to add this to my css properly.


My bottom carousel is also off and doesn’t quite look right in mobile, any way to center and fix that?


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

  1. 10 months, 19 days ago Andrew Misplon
    Hi, I Work Here

    Hi, thanks for posting.

    Does the issue on mobile resolve if you disable the Bottom Align More Text checkbox?

    You can adjust the Post Carousel Widget’s mobile display by editing the widget and opening the ResponsiveMobile section. You can set the resolution the settings will apply, Slides to Show, and the arrow display there. The same goes for the Tablet section.

  2. 10 months, 19 days ago esudroff

    That worked perfectly. Thank you so much!

  3. 10 months, 19 days ago Andrew Misplon
    Hi, I Work Here

    Thanks for the update; I’m glad to hear you’re making progress.

    All the best with your site.

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