HomeownerHQ Posted January 19, 2023 Share Posted January 19, 2023 Hello, I'm looking to rearrange the way my blocks are viewed on mobile. It gets wonky based on whether the picture/text is positioned no the left or right of the page. Is there any way to reorder them on mobile without having to change them on desktop? I don't really care where the text goes, whether between the images or at the top but it should be consistent. I also have another (not shown in the pictures) where the pictures came first and then the text because the pictures are on the left of the page and text on the right. I'd like the mobile version to be text first and pictures shown after. The website is mushroom-perch-mfhm.squarespace.com (not launched yet) and the password is: hello Link to comment
tuanphan Posted January 25, 2023 Share Posted January 25, 2023 Hi, The site is expired. You can access this link to extend it for free 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
HomeownerHQ Posted January 30, 2023 Author Share Posted January 30, 2023 Thanks tuanphan, it's been extended. Question still remains. Do you have any suggestions? Link to comment
HomeownerHQ Posted January 30, 2023 Author Share Posted January 30, 2023 Website has been launched, it's now www.pottsdesignco.com Link to comment
tuanphan Posted February 1, 2023 Share Posted February 1, 2023 On 1/31/2023 at 5:10 AM, HomeownerHQ said: Website has been launched, it's now www.pottsdesignco.com You mean it should be Custom Design 2 images Consulting 2 images Is that right? 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
HomeownerHQ Posted February 1, 2023 Author Share Posted February 1, 2023 Yes that's right. And following that, I was hoping to have "get all the details" and then the 3 images. Not the other way around. Link to comment
Solution tuanphan Posted February 3, 2023 Solution Share Posted February 3, 2023 On 2/1/2023 at 8:45 PM, HomeownerHQ said: Yes that's right. And following that, I was hoping to have "get all the details" and then the 3 images. Not the other way around. Add to Design > Custom CSS @media screen and (max-width:640px) { /* Design consulting */ div#block-yui_3_17_2_1_1673524495573_8691+.row { display: flex; flex-direction: column; } div#block-yui_3_17_2_1_1673524495573_8691+.row .span-6 { order: 1; } /* get all the details */ section#index-features .columns-12>.row { display: flex; flex-direction: column-reverse; } } HomeownerHQ 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
HomeownerHQ Posted February 3, 2023 Author Share Posted February 3, 2023 (edited) Thank you!! Another question relating to mobile... Is there a way for the logo in the footer to stay a small size on mobile? It always gets enlarged to fill the screen. Edited February 3, 2023 by HomeownerHQ Link to comment
tuanphan Posted February 5, 2023 Share Posted February 5, 2023 On 2/4/2023 at 6:12 AM, HomeownerHQ said: Thank you!! Another question relating to mobile... Is there a way for the logo in the footer to stay a small size on mobile? It always gets enlarged to fill the screen. Add to Design > Custom CSS @media screen and (max-width:640px) { div#footerBlocksBottom .image-block { width: 150px; margin: 0 auto; } } HomeownerHQ 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
HomeownerHQ Posted May 16, 2023 Author Share Posted May 16, 2023 Hi Tuanphan, I was hoping to do the same on my other website but it didn't seem to work. Could you please do the same for the logo in the footer for homeownerhq.co? Link to comment
tuanphan Posted May 22, 2023 Share Posted May 22, 2023 On 5/17/2023 at 6:08 AM, HomeownerHQ said: Hi Tuanphan, I was hoping to do the same on my other website but it didn't seem to work. Could you please do the same for the logo in the footer for homeownerhq.co? You are using new editor (Fluid Engine) so you can edit Footer > click Mobile icon on top right > Then you can adjust position on mobile 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