stur Posted March 14, 2022 Share Posted March 14, 2022 (edited) HI Would anyone be able to help? viewing our website on a laptop the website appears fine however when viewing on a ipad or phone the main banner picture that appears under the main navigation appears larger (alot more space at the top )is there any custom code that code possibly fix this for tablet/mobile? Thanks in advance for any help given. Edited March 17, 2022 by stur Link to comment
tuanphan Posted March 15, 2022 Share Posted March 15, 2022 It looks like you solved it? 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
stur Posted March 15, 2022 Author Share Posted March 15, 2022 (edited) Thanks for the reply, no the picture is still very big when viewing on a tablet/ipad seems fine on a desktop and phone.. Edited March 15, 2022 by stur Link to comment
Solution tuanphan Posted March 16, 2022 Solution Share Posted March 16, 2022 17 hours ago, stur said: Thanks for the reply, no the picture is still very big when viewing on a tablet/ipad seems fine on a desktop and phone.. Try adding to Design > Custom CSS /* tablet homepage top banner */ @media screen and (max-width:900px) and (min-width:641px) { body.homepage figure img { width: 100% !important; height: auto !important; left: 0 !important; } body.homepage .banner-thumbnail-wrapper.has-description { height: 250px !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
stur Posted March 16, 2022 Author Share Posted March 16, 2022 That works great on the homepage banner thank you for your help. Can I just confirm if I want all banners at the top of all pages to be this size I just remove "body.homepage"? It seems to work when I tried it. Thanks again for the help. Link to comment
tuanphan Posted March 18, 2022 Share Posted March 18, 2022 On 3/16/2022 at 9:41 PM, stur said: That works great on the homepage banner thank you for your help. Can I just confirm if I want all banners at the top of all pages to be this size I just remove "body.homepage"? It seems to work when I tried it. Thanks again for the help. Just, just remove body.homepage 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
stur Posted March 18, 2022 Author Share Posted March 18, 2022 Many thanks for your help - Working fine. 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