Kamie Posted June 30, 2020 Share Posted June 30, 2020 Site URL: https://www.tofw.com/takecourage Hey All, I know this has been asked 1,000 times (because I have read them all) but I cannot seem to get my banner image to resize correctly for mobile, it is zooming in way to much. It looks perfect for desktop but not so great for tablet or mobile. I have tried all the different CSS code snippets I can find in the forums but nothing is working and I can't find the block id for the banner either. I am using the Bedford template on 7.0. I am at a total loss. Anyone have any ideas or a CSS code that will work? Link to comment
tuanphan Posted July 5, 2020 Share Posted July 5, 2020 It looks like you solved? 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
Asiya Posted August 13, 2020 Share Posted August 13, 2020 On 7/5/2020 at 6:10 PM, tuanphan said: It looks like you solved? Hi, I need help with my mobile and tablet banner. https://www.alongsiders.org/trainingfortrainers Link to comment
tuanphan Posted August 13, 2020 Share Posted August 13, 2020 7 hours ago, Asiya said: Hi, I need help with my mobile and tablet banner. https://www.alongsiders.org/trainingfortrainers Add to Home > Design > Custom CSS @media screen and (max-width:640px) { body#collection-5f18f20d750c1632b670ab43 { div#banner-wrapper img { width: 100% !important; left: 0 !important; height: auto !important; } div#banner-wrapper { height: 200px; } } } Asiya 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
Asiya Posted August 13, 2020 Share Posted August 13, 2020 1 hour ago, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:640px) { body#collection-5f18f20d750c1632b670ab43 { div#banner-wrapper img { width: 100% !important; left: 0 !important; height: auto !important; } div#banner-wrapper { height: 200px; } } } Thank you so much Link to comment
adjunctadvisors Posted October 24, 2020 Share Posted October 24, 2020 I'm having the same issue...banner won't resize for mobile. Can you help? https://www.adjunctadvisors.com Link to comment
tuanphan Posted October 24, 2020 Share Posted October 24, 2020 1 hour ago, adjunctadvisors said: I'm having the same issue...banner won't resize for mobile. Can you help? https://www.adjunctadvisors.com Add to Home > Design > Custom CSS @media screen and (max-width:640px) { .homepage figure img { width: 100% !important; left: 0 !important; height: auto !important; } } 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
adjunctadvisors Posted October 25, 2020 Share Posted October 25, 2020 Thank you! Unfortunately the text is not lining up on top of the photo. Any ideas? Link to comment
evergreenla Posted July 29, 2022 Share Posted July 29, 2022 Hello, Can I please get some help with our video banner resize for mobile? www.evergreenlosangeles.com Thank you! Link to comment
tuanphan Posted July 30, 2022 Share Posted July 30, 2022 7 hours ago, evergreenla said: Hello, Can I please get some help with our video banner resize for mobile? www.evergreenlosangeles.com Thank you! You mean Holy Single Release video? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment