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