camfont Posted July 20, 2022 Share Posted July 20, 2022 (edited) Site URL: https://www.jeremymillerfsa.com/blog/blog-post-shark-tank Help! My blog post pages look completely broken on mobile. See attached screencap. Edited July 20, 2022 by camfont Link to comment
tuanphan Posted July 21, 2022 Share Posted July 21, 2022 This code caused problem <style> @media screen and (max-width:767px) { #page section:first-child iframe#player { width: 100% !important; left: 0 !important; height: auto !important; } #page section:first-child { min-height: unset !important; height: 40vh !important; } } </style> Where did you add it? Blog Page Header or Code Injection Header? 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
camfont Posted July 21, 2022 Author Share Posted July 21, 2022 Aha! I actually stole this code from another post where you helped someone resize a header background video on mobile (this post): I've removed it (from header injection), but now I'm wondering if there's another way to resize the video header on mobile that's at https://www.jeremymillerfsa.com/about. If not, maybe there's a way to force mobile to show the fallback image? Thanks! Link to comment
tuanphan Posted July 22, 2022 Share Posted July 22, 2022 15 hours ago, camfont said: Aha! I actually stole this code from another post where you helped someone resize a header background video on mobile (this post): I've removed it (from header injection), but now I'm wondering if there's another way to resize the video header on mobile that's at https://www.jeremymillerfsa.com/about. If not, maybe there's a way to force mobile to show the fallback image? Thanks! Edit About Page > Add a Code Block at bottom of page > Paste this code <style> @media screen and (max-width:767px) { #page section:first-child iframe#player { width: 100% !important; left: 0 !important; height: auto !important; } #page section:first-child { min-height: unset !important; height: 40vh !important; } } </style> 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
camfont Posted August 11, 2022 Author Share Posted August 11, 2022 That seems to have done it – thank you! tuanphan 1 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