Hello. Please see page in private area.
On that page, the very first color section (‘Your Satisfaction…’), is set to hide on screens below 768px. You will see that that section has 5 columns of icon boxes.
I cloned that same section, setting it to hide on screens above 767px. Within the section I have 3 columns of icon boxes.
When the screen breaks at 767px, ALL of the icon boxes line up in a single, centered column.
I need the 2nd section to respect the config, which it’s not doing.
Thank you,
Ryan
Hi Ryan,
Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
Rikard
Thanks!
Hi Ryan,
Section av_section_2 is shown on desktop and av_section_3 is shown on mobile. Works as is supposed to, on my end. Could you please clear the cache, check again and get back to us.
Best regards,
Victoria
It’s not caching. At 767px and below, I need the 3 rows of icon boxes to show. Right now, it’s showing only 1 icon box per row.
Image attached
Hi,
Please add a unique class attribute to the icons’ column (ex. “mob-icons”) then use this css code.
@media only screen and (max-width: 768px) {
.responsive #top .mob-icons {
width: 32%;
float: left;
margin-left: 1%;
}
}
Adjust or extend as needed.
Best regards,
Ismael
Good to go, thank you!