Mobile Featured Image Cropping Funny

Hi there,

Go to appearance > elements, edit the element named Single post hero.

Then replace its content with this:

<!-- wp:generateblocks/container {"uniqueId":"e634d9fb","outerContainer":"contained","containerWidth":1400,"bgImage":{"id":601,"image":{"url":"https://gpsites.co/explore/wp-content/uploads/sites/123/2022/08/food-mexico.jpg","height":933,"width":1400,"orientation":"landscape"}},"verticalAlignment":"flex-end","isDynamic":true,"blockVersion":4,"display":"flex","displayMobile":"block","flexDirection":"column","alignItems":"center","justifyContent":"flex-end","sizing":{"minHeight":"600px","height":"","maxWidth":"1400px","minHeightTablet":"auto"},"spacing":{"marginRight":"auto","marginLeft":"auto"},"borders":{"borderRightWidth":"20px","borderRightStyle":"solid","borderRightColor":"var(\u002d\u002dbase-3)","borderBottomWidth":"20px","borderBottomStyle":"solid","borderBottomColor":"var(\u002d\u002dbase-3)","borderLeftWidth":"20px","borderLeftStyle":"solid","borderLeftColor":"var(\u002d\u002dbase-3)"},"className":"single-page-hero","gpDynamicImageBg":"featured-image","gpUseFallbackImageBg":true} -->
<!-- wp:generateblocks/image {"uniqueId":"95935d51","mediaId":1901,"sizeSlug":"full","widthMobile":"100%","blockVersion":2,"useDynamicData":true,"dynamicContentType":"featured-image","className":"hide-on-desktop"} /-->

<!-- wp:generateblocks/container {"uniqueId":"22d84eca","outerContainer":"contained","containerWidth":860,"backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"height":"","maxWidth":"860px","width":"860px","widthMobile":"100%","maxWidthTablet":"100%","widthTablet":"100%"},"typography":{"textAlign":"center"},"spacing":{"paddingTop":"60px","paddingRight":"60px","paddingBottom":"10px","paddingLeft":"60px","marginRight":"auto","marginLeft":"auto","marginRightTablet":"0px","marginLeftTablet":"0px","paddingRightMobile":"0px","paddingLeftMobile":"0px","marginLeftMobile":"0px","marginRightMobile":"0px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"aecfb06b","element":"h1","blockVersion":3,"spacing":{"marginBottom":"15px"},"className":"","gpDynamicTextType":"title","gpDynamicTextReplace":"Hello World"} -->
<h1 class="gb-headline gb-headline-aecfb06b gb-headline-text">Hello World</h1>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"6cffd192","element":"div","blockVersion":3,"display":"inline-block","typography":{"lineHeight":"1.1em"},"inlineWidth":true,"textColor":"var(\u002d\u002dcontrast-2)","linkColor":"var(\u002d\u002dcontrast-2)","linkColorHover":"#888888","borderColor":"var(\u002d\u002daccent)","className":"","gpDynamicTextType":"post-date","gpDynamicTextReplace":"Post date"} -->
<div class="gb-headline gb-headline-6cffd192 gb-headline-text">Post date</div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"b0161b77","element":"div","blockVersion":3,"display":"inline-block","typography":{"lineHeight":"1.1em"},"spacing":{"paddingLeft":"16px","marginLeft":"8px"},"inlineWidth":true,"borders":{"borderLeftWidth":"2px","borderLeftStyle":"solid","borderLeftColor":"var(\u002d\u002daccent)"},"textColor":"var(\u002d\u002dcontrast-2)","linkColor":"var(\u002d\u002dcontrast-2)","linkColorHover":"#888888","dynamicContentType":"author-name","dynamicLinkType":"author-archives","className":"custom-author-link","gpDynamicTextType":"post-author","gpDynamicLinkType":"author-archives","gpDynamicTextReplace":"Post author name","gpDynamicTextBefore":"By "} -->
<div class="gb-headline gb-headline-b0161b77 gb-headline-text custom-author-link">Post author name</div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

If you don’t know how to paste the code as a block, check this video:

No Problem 🙂