Pennedbysteph

You should able to edit page > Choose Mobile view > Then adjust layout on Mobile

Or use this code to Page Header Injection (or Code Injection Footer)

<style>
/* January Content - Autodesk ninjatech rocket */
@media screen and (max-width:767px) {
    /* left text */
    .fe-block-yui_3_17_2_1_1754612675496_2749 {
        grid-column-end: 5 !important;
    }
     .fe-block-yui_3_17_2_1_1754612675496_2749 * {
         font-size: 14px;
     }
    /* right text */
    .fe-block-yui_3_17_2_1_1754612675496_3248 {
        grid-row-start: 4 !important;
        grid-column-start: 6 !important;
    }
    .fe-block-yui_3_17_2_1_1754612675496_3248 * {
        font-size: 14px;
    }
}
</style>

https://www.pennedbysteph.com/all-work/fitbit

I created new page > Paste this code to Page Header Injection > Replace image url in the code

<div class="img-test">
  <img src="https://static1.squarespace.com/static/6339fcbacd2b7d7a67808789/t/67843171e7d8660b8b607c55/1736716685108/PartnerWorkout.png" class="test"/>
</div>

<style>
  .img-test {
    padding-bottom: 100% !important;
}
  .img-test img {
  	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
  }
</style>

https://www.pennedbysteph.com/all-work/bodybuilding

Use this to Page Header Injection or Code Injection Footer

<style>
@media screen and (max-width:767px) {
/* Bodybuilding */
/* bodybuilding.com text */
#siteWrapper .fe-block-b4f1cf9dc326a4e80698 {
    grid-row-start: 2 !important;
}
/* transformation stories */
.fe-block-baac512a251d6888a3ce {
    grid-row-start: 4 !important;
}
}
</style>

https://www.pennedbysteph.com/all-work/business-like-a-boss

Use this code to Page Header Injection or Code Injection > Footer

<style>
/* Business like a boss */
@media screen and (max-width:767px) {
    /* business like a boss social first */
    .fe-block-yui_3_17_2_1_1735351602827_27587 {
        grid-row-start: 3 !important;
        position: relative;
        top: -10px;
    }
    /* right text */
    #siteWrapper .fe-block-51c8f57d12a2a5a548f0 {
        grid-row-start: 4 !important;
    }
    /* left text */
    #siteWrapper .fe-block-yui_3_17_2_1_1735351602827_24326 {
        grid-row-start: 4 !important;
    }
}
</style>

https://www.pennedbysteph.com/all-work/business-transformed

Use code to Page Header Injection or Code Injection > Footer

<style>
/* Business transformed */
@media screen and (max-width:767px) {
    /* Podcasts - right text */
    .fe-block-fda701690aaca414bdf2 * {
        font-size: 14px;
    }
    /* Podcasts - left text */
    .fe-block-b4e5d7e0d8f50544a2f7 * {
        font-size: 14px;
    }
    /* Deep dives */
    /* left */
    .fe-block-521a6ada67cbb4a12608 * {
        font-size: 14px;
    }
    /* right */
    .fe-block-e47098f228f1358835af * {
        font-size: 14px;
    }
}
</style>

https://www.pennedbysteph.com/all-work/art-of-aws

Use this to Page Header Injection or Code Injection > Footer

<style>
/* Art of AWS */
@media screen and (max-width:767px) {
    /* Art of Aws campaign */
     section[data-section-id="6554509cada4f0186fdd09f5"] {
         min-height: unset !important;
     }
    section[data-section-id="6554509cada4f0186fdd09f5"] .content-wrapper {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .fe-6554509cada4f0186fdd09fb {
        grid-template-rows: unset !important;
    }
}
</style>

https://www.pennedbysteph.com/all-work/developer-stories

Use this to Page Header Injection or Code Injection  Footer

<style>
/* Developer Stories */
@media screen and (max-width:767px) {
    /* left text */
    .fe-block-yui_3_17_2_1_1735888641477_22171 * {
        font-size: 14px;
    }
     .fe-block-yui_3_17_2_1_1735888641477_22171 {
         grid-column-end: 5 !important;
     }
    /* right text */
    .fe-block-4412e760a0803493ed2f * {
        font-size: 14px;
    }
    .fe-block-4412e760a0803493ed2f {
        grid-row-start: 5 !important;
        grid-column-start: 6 !important;
    }
}</style>

 

https://www.pennedbysteph.com/all-work/aws-taco-bell-nasdaq

Use this to Page Header Injection or Code Injection > Footer

<style>
/* Aws taco bell nasdaq */
@media screen and (max-width:767px) {
    /* Curisosity Kid US Imagine */
    section[data-section-id="64f8f24a113c40037b2c7a32"] {
        min-height: unset !important;
    }
     section[data-section-id="64f8f24a113c40037b2c7a32"] .content-wrapper {
         padding: 0px !important;
     }
    /* left text */
    .fe-block-bf37d9d6dea559bf4486 {
        grid-column-end: 5 !important;
    }
    /* right column */
    .fe-block-8b86e9ae039c736321ad {
        grid-column-start: 6 !important;
    }
}
</style>