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.
Help!
My bottom carousel is also off and doesn’t quite look right in mobile, any way to center and fix that?
Thanks
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi, 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.
That worked perfectly. Thank you so much!
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.