When I make my browser window smaller, The features eventually collapse into one column, but not fast enough, so the titles end up overlapping with the text below them. I know I can keep making the margin between the title and text larger to account for this, but it looks silly in a wide screen when it is not needed. I want to make it auto adjust, or as the screen size gets smaller, drop to two columns, and then eventually to one column.
Also, with the headlines, I need to keep a margin as well on the sides because as the page collapses they are next to some of the features icons, and eventually they overlap before condensing to one column. How do I fix this in CSS to make them auto adjust as the browser window size changes?
Thank you!
Hi Gseth,
You can manually adjust the breakpoint (when it’ll collapse) of the features widget by navigating to WP AdminPluginsSiteOrigin Widgets and find the Features widget. Click Settings and then up it and adjust the breakpoint as desired.
Regarding the headline widget, do you have a public URL where we can take a look at what’s going on?