SeanCrafted Posted June 3, 2022 Share Posted June 3, 2022 Site URL: https://www.ptmy-morpeth.co.uk/ Hi there, Please see below image, it looks on on desktop but the images on mobile are massive. Please can someone give me a code to adjust the size of those 2 images (Partners). Thank you Link to comment
Web_Solutions Posted June 3, 2022 Share Posted June 3, 2022 Add these code on Design > Custom CSS [data-section-id="62729f40610f347cd944c25f"] { @media(max-width: 767px){ .sqs-col-12 > .sqs-rpw{ display: flex !important; } .sqs-col-12 > .sqs-rpw > .col{ flex: 0 0 50% !important; } } } Ainul and Create_Job 2 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
SeanCrafted Posted June 3, 2022 Author Share Posted June 3, 2022 Hi there, Just tried it and nothing happening. I have the below code in at the moment. /* Mobile-Homepage-Center text */ @media screen and (max-width:767px) { body.homepage article section:nth-child(n+2) .html-block * { text-align: center; } }body.homepage article section:nth-child(n+2) .html-block * { text-align: center; } [data-section-id="62729f40610f347cd944c25f"] { @media(max-width: 767px){ .sqs-col-12 > .sqs-rpw{ display: flex !important; } .sqs-col-12 > .sqs-rpw > .col{ flex: 0 0 50% !important; } } } Link to comment
SeanCrafted Posted June 7, 2022 Author Share Posted June 7, 2022 Hi there, Are you able to help? @Web_Solutions Link to comment
tuanphan Posted June 11, 2022 Share Posted June 11, 2022 Add to Design > Custom CSS /* Mobile Footer 2 images */ @media screen and (max-width:767px) { div#block-4d37c8b160f43117adf0+.row>.col { width: 50% !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
SeanCrafted Posted June 13, 2022 Author Share Posted June 13, 2022 On 6/11/2022 at 4:54 AM, tuanphan said: Add to Design > Custom CSS /* Mobile Footer 2 images */ @media screen and (max-width:767px) { div#block-4d37c8b160f43117adf0+.row>.col { width: 50% !important; float: left !important; } } Thanks so much, Can you advise the same for my other website with same issue (partners) https://www.ptmy-tynemouth.co.uk/ Link to comment
tuanphan Posted June 14, 2022 Share Posted June 14, 2022 18 hours ago, SeanCrafted said: Thanks so much, Can you advise the same for my other website with same issue (partners) https://www.ptmy-tynemouth.co.uk/ Use this code /* Mobile footer logos */ @media screen and (max-width:767px) { div#block-a86f293e7ffd28969b36+.row>.col { width: 50% !important; float: left !important; } } SeanCrafted 1 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
SeanCrafted Posted June 14, 2022 Author Share Posted June 14, 2022 4 minutes ago, tuanphan said: Use this code /* Mobile footer logos */ @media screen and (max-width:767px) { div#block-a86f293e7ffd28969b36+.row>.col { width: 50% !important; float: left !important; } } Magic thank you Link to comment
SeanCrafted Posted July 15, 2022 Author Share Posted July 15, 2022 Hi there, I am having the same issue with this website as the above thread? Can I please have a code? https://www.ptmy-newcastle.co.uk/ Link to comment
tuanphan Posted July 18, 2022 Share Posted July 18, 2022 On 7/15/2022 at 11:40 PM, SeanCrafted said: Hi there, I am having the same issue with this website as the above thread? Can I please have a code? https://www.ptmy-newcastle.co.uk/ Add to Design > Custom CSS @media screen and (max-width:767px) { div#page-section-62a0b803eaf1b7097d11061a .span-12>.row>.col { width: 50% !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
SeanCrafted Posted July 18, 2022 Author Share Posted July 18, 2022 Hi, I have the same issue with the image (see below)? Link to comment
tuanphan Posted July 19, 2022 Share Posted July 19, 2022 On 7/18/2022 at 4:44 PM, SeanCrafted said: Hi, I have the same issue with the image (see below)? Add to Design > Custom CSS /* Mobile Home top image */ @media screen and (max-width:767px) { div#block-c67b1b95dfbfcbfc9467 { width: 50%; margin: 0 auto; } } 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