Lexa
-
Posts
7 -
Joined
-
Last visited
Reputation Activity
-
Lexa got a reaction from MillyBanks in Prevent Code Blocks from stacking on mobile
Site URL: http://ariix.com.mx/nutrifii
Hey guys, I am working on a site that has some icons (as code blocks) and I am having trouble when the display is switched to mobile.
In desktop the code blocks appear on the same row, however as we know in mobile everything is stacked. I have tried several CSS codes without avail. I can't seem to find a way to make the images appear on the same row when on mobile.
On the attachments you will be able to see how the display is on desktop and how it stacks them and messes up the row on mobile.
Thanks in advance!
-
Lexa reacted to tuanphan in Prevent Code Blocks from stacking on mobile
Nutriti.
Add to Home > Design > Custom CSS
@media screen and (max-width:767px) { div#block-yui_3_17_2_1_1597362199849_52271 + .row>.span-4>.row>.span-2 { width: 50% !important; float: left !important; } div#block-yui_3_17_2_1_1597362199849_52271 + .row img { width: 100% !important; } }
-
Lexa reacted to tuanphan in Prevent Code Blocks from stacking on mobile
Add to Home > Design > Custom CSS
@media screen and (max-width:767px) { div#block-yui_3_17_2_1_1597357570172_21037+.row>.span-2 { width: 50% !important; float: left !important; } }
-
Lexa reacted to tuanphan in Prevent Code Blocks from stacking on mobile
With current layout, you can't place 3 images/row
if you want image 1 + 2/row, image 3 in new row (& center), we can give the code