melachrinos Aug 28, 2017 · 8:22 pm #7640 Hi,
I would like to resize the circle photos of home page when displayed on mobile devices. Also, I want exactly 2 columns to be displayed. I managed to display the two columns using the below code. Can you please advise how can I achieve the resize? Website is https://insurancetipster.com.
@media (max-width: 520px) {
.custom-features .sow-features-list.sow-features-responsive .sow-features-feature {
float: left !important;
width: 50% !important;
padding: 0 !important;
}
Thank you in advance,
Petros
Andrew Misplon Puro Aug 28, 2017 · 9:57 pm #7641 Hi Petros
Thanks for reaching out and for your support.
I will do my best to assist with this tomorrow morning, I’m sure we can find a solution. Chat further then 🙂
Andrew Misplon Puro Aug 29, 2017 · 1:46 pm #7642 Thanks for the wait. Please, try:
@media (max-width: 520px) {
.sow-features-list .sow-icon-image {
width: 50px !important;
height: 50px !important;
background-size: 50px !important;
}
.sow-icon-container {
width: 50px !important;
height: 50px !important;
font-size: 50px !important;
}
}
melachrinos Aug 29, 2017 · 7:44 pm #7644 Hi Andrew,
This is exactly what I was looking for! Thanks for the assistance.
Andrew Misplon Puro Aug 30, 2017 · 7:58 am #7645 Super 🙂 Glad to hear that did the trick.
All the best.