Sitaram Posted June 6, 2022 Share Posted June 6, 2022 Site URL: https://sacredcommunityproject.org/from-and-for-god Hi, I am hoping for some help! I want these four store logos present on this page to always stay in a row, even on mobile (I don't want people to have to scroll through each of these on their phone.) I had it working previously, and then something must have changed, and I can't figure out what. This is what I currently have: @media screen and (max-width:767px) { div#page-section-605e346569407f6b11798c2f>.row>.col>.row>.col { width: 33% !important; float: left !important; } div#page-section-61b4ef6db456ab7d39255dc4>.row>.col>.row>.col { width: 33% !important; float: left !important; } } And then in the header for the actual page I have this code: <style> @media screen and (max-width:768px) { .gallery-fullscreen-slideshow[data-width="full"] { height: 33vh !important; } .gallery-fullscreen-slideshow-control { visibility: hidden; } } @media screen and (max-width:1160px) and (min-width:768px) { .gallery-fullscreen-slideshow[data-width="full"] { height: 45vh !important; } } </style> Like I said, this previously worked fine. And then somewhere along the way it stopped working. I have no idea why. Any help is greatly appreciated. Link to comment
tuanphan Posted June 11, 2022 Share Posted June 11, 2022 Try adding to Design > Custom CSS /* Mobile 4 logos */ @media screen and (max-width:640px) { div#page-section-60164c4a8d4d172b15e6b11e .span-8 {width: 75% !important;float: left !important;} div#page-section-60164c4a8d4d172b15e6b11e .span-8+.span-4 { width: 25% !important; float: left !important; } div#page-section-60164c4a8d4d172b15e6b11e .span-8 .span-2 { width: 33.3333% !important; float: left !important; }} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment