MazFaz

Site URL: https://marginalia-manuscripts.co.uk/ Hi! Looking for some help with the ordering of blocks on my mobile view. I've tried a couple of code suggestions from other answers, and watched a few YouTube videos, but just can't seem to get it right. You'll notice that in mobile view the order of the buttons and images gets messy. As an example, on the homepage the order of the services section currently goes text, text, image, image. It would make a lot more sense if it went text, image, text, image. Hope that makes sense! Any help would be much appreciated. Thanks!

Thanks so much Dave! This worked perfectly.

Thanks for the help! I added the code at the end, as you suggested, but ran into another problem. Now the form doesn't get cut off, but runs into the footer section. I tried elongating the page to make space for it, but that didn't seem to work and left a lot of white space on the desktop version. Any ideas?

Site URL: https://marginalia-manuscripts.co.uk/draft-completion-calculator Hiya! I've been trying to embed a calculator on this page: https://marginalia-manuscripts.co.uk/draft-completion-calculator. As you can see, it looks fine on the desktop version. But when I check mobile, the embedded calculator gets cut off. I've tried a few fixes (such as increasing the height in pixels), with no luck. Can anyone help? Here's the current embed code: <iframe src="https://grid.is/embed/calculate-your-draft-completion-date-e5jByADSRIS1kkKZUIEkcA?s=eyJDYWxjdWxhdGUgQ29tcGxldGlvbiBEYXRlLTMueGxzeCI6eyJTaGVldDEiOnsiQzMiOjU3MDAsIkM0IjoxMDA1MDAsIkM1IjoyOTAsIkM2IjowLjgzM319fQ==&showControls=1" width="100%" height="1000" frameborder="0" data-document-id="7b98c1c8-00d2-4484-b592-429950812470"></iframe> <script type="text/javascript" src="https://grid.is/static/embed/v1/script.js"></script> Thanks in advance!