Glint Posted March 18, 2020 Share Posted March 18, 2020 Site URL: https://www.glintcompany.com/ Hello, I'd like to slightly reduce the height of just my mobile banners. How can I do it? On the other hand, the height of the desktop banners is already fine. Thanks, Link to comment
tuanphan Posted March 18, 2020 Share Posted March 18, 2020 Can you share access password? 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
Glint Posted March 18, 2020 Author Share Posted March 18, 2020 Sure thing, here it is: Glint0424+ Let me know if you can help me with that, thanks, Link to comment
tuanphan Posted March 18, 2020 Share Posted March 18, 2020 Add to Home > design > custom CSS @media screen and (max-width:640px) { .banner-thumbnail-wrapper.has-description, .desc-wrapper { height: 160px; display: flex; flex-direction: column; justify-content: center; align-items: center; } } 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
Glint Posted March 18, 2020 Author Share Posted March 18, 2020 Thanks a lot, it works exactly as expected! Another question: right now the text is not exactly vertically centered in the cropped image on mobile, how can I make it vertically centered? See attached to see what I mean. Thanks, Link to comment
tuanphan Posted March 18, 2020 Share Posted March 18, 2020 I updated above code. You can check again. 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
Glint Posted March 18, 2020 Author Share Posted March 18, 2020 Amazing, it works perfectly now! Thanks a lot, super helpful! Link to comment
Glint Posted March 18, 2020 Author Share Posted March 18, 2020 One last question: would it be possible to do the same thing also for the desktop banners, but manage the desktop banner height separately from the mobile banner height? I would need the same thing also for dekstop: to be able to adjust the banner height and have the text centered in the image. Thanks, Link to comment
tuanphan Posted March 18, 2020 Share Posted March 18, 2020 @media screen and (min-width:641px) { .banner-thumbnail-wrapper.has-description, .desc-wrapper { height: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; } } 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
Glint Posted March 18, 2020 Author Share Posted March 18, 2020 Super, thanks a lot! This is amazing, working perfectly! Pietro Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.