kdeemer Posted December 2, 2023 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
tuanphan Posted December 4, 2023 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!)
kdeemer Posted December 4, 2023 Author 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
tuanphan Posted December 6, 2023 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment