S1lvia Posted January 15 Share Posted January 15 Hi everyone, on our website www.luniafilm.it we have used the following code to create a scrolling logo banner (using gallery section) at the bottom of the homepage. While it is looking good on the desktop version of the site, the logos are TOO SMALL ON MOBILE. How can we increase the size of the logos on mobile? We are on a Personal account. Thank you so much for your help! Here is the code we are using: #page {= overflow-x:hidden } section[data-section-id="65786538301caa326ce2e675"] .gallery-grid-wrapper { display:flex !important; animation: slideshow 35s linear infinite } section[data-section-id="65786538301caa326ce2e675"] .gallery-grid-wrapper .gallery-grid-item { min-width: 12%; margin-right: 3% } @keyframes slideshow { 0% { left: 0; } 100% { left: -405%; } } Link to comment
Solution tuanphan Posted January 17 Solution Share Posted January 17 Use this code to Custom CSS @media screen and (max-width:767px) { section[data-section-id="65786538301caa326ce2e675"] .gallery-grid-wrapper .gallery-grid-item { min-width: 25% !important; } } S1lvia and LeauxFi 1 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
S1lvia Posted January 23 Author Share Posted January 23 You are the best @tuanphan, thank you so much! 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