kdeemer Posted December 2, 2023 Share Posted December 2, 2023 (edited) On my. homepage, there are two sections with Text boxes and an Image. I have them laid out to have the Images beside the text. This looks fine in a desktop browser. On mobile in portrait mode, the text is displayed above the image, which is also fine. But, in mobile landscape mode, I would like the images to be beside the text like on the desktop. Can someone please help. I've tried several approaches unsuccessfully. The homepage URL is https://brass-endive-883l.squarespace.com/ Thanks. Edited December 2, 2023 by kdeemer add URL Link to comment
tuanphan Posted December 4, 2023 Share Posted December 4, 2023 Hi, It already fine to me. Did you solve it? 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
kdeemer Posted December 4, 2023 Author Share Posted December 4, 2023 @tuanphan Thanks for the reply. I did not solve it. It looks fine in the simulator but the text and image remain stacked vertically on an actual iPhone. I have tried different phones and it is the same. And now, I've modified the code so many times that I don't know what it was when you looked. MARK AS SOLUTION Link to comment
tuanphan Posted December 6, 2023 Share Posted December 6, 2023 Try adding to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width: 900px) and (orientation: landscape) { #block-yui_3_17_2_1_1701389468272_38802, #block-yui_3_17_2_1_1701389468272_40971 { width: 100% !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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment