Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Is there any way to make the circle icons shrink down for the mobile website so they stay horizontal rather than align vertically.
Here is my website: http://www.technowolf.com/
In my footer I have for circle icons and I would like them to shrink down and stay aligned horizontally when on the mobile website.
HI Trevor
The current setup is pretty safe in that it works in a predictable manner. You can try the following under Appearance > Custom CSS:
/* Footer Widgets Circle Icon Mobile */ @media screen and (max-width: 680px) { body.responsive #footer-widgets .widget { float: left !important; width: 25%; } }We can assist with the odd, quick, CSS snippet but if you need elements tweaked further than that we suggest getting the help of a developer.
Okay that worked well, but now the text under the circle icons is aligned vertically. Is there any way to just hide the text for mobile?
Something like this:
/* Footer Widgets Circle Icon Mobile */ @media screen and (max-width: 680px) { body.responsive #footer-widgets .widget { float: left !important; width: 25%; } .widget_circleicon-widget .circle-icon-box h4 { display: none !important; } }Our CSS tutorial is here: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/.