I have a set of icons stacked vertically in a column.
They are set to left-aligned which works great on desktop, but on smaller screen sizes they jump to the middle.
How do I keep them over on the left on smaller devices please? Icons don’t seem to have the same mobile controls as some of the other modules, so I’ve just got one-setting to left-align them which I’ve selected.
Try using the CSS snippet below and see if it works. You’ll want to add an additional class to the column/row where you’d like this to apply to. On the snippet below, the CSS class added would be icon-left.
I couldn’t get this to work Ben, but I’m going to leave it as centrally-justified for now as I need to move on to other tasks to get this site done.
I have another problem now related to the same page
I’ve added a button that only shows on small devices for users to click to skip a couple of content sections and head straight to the form at the bottom to save some scrolling.
The button appears as it should, but I’ve customised the look and feel of it using the style tab and whilst these changes show live when editing in the page builder, it doesn’t show when saved.
There’s also a heading on the page that is set to align centre using the mobile options in the style tab and does in the live editing view, but when saved sticks to the left
Do you know why style changes to elements might show working great when building the page, but not show on the public page?
The style changes are being saved as when I switch to the page editor again the show up.
I tried playing around with your site and I noticed that the CSS is being pulled from a different location(BWP Minify). I think what’s happening is that the plugin stored an old copy of the CSS the site was using previously and is still using that despite changes. I don’t really know how that plugin does its job but could you try disabling it and see if it works?
I deactivated the Better WordPress Minify plugin and “ta-dah!”
I’ll play around with turning it back on after I’ve finished building out my pages. Hopefully I can deactivate for build mode, then reactivate when done to keep my site speedy. We’ll see.