[Resolved] Dispatch template featured image problem

[Daniel]

Hi there,

I have two sites using the dispatch template but started them a year after one another. I think there were changes made to the template in between.

The post featured image on my first site is in part controlled by CSS, while the latter was all through the element.

I recreated the old set-up on my new site (copied the header element and added the CSS in the customizer) and have almost got it right. However, there’s one thing not working.

On mobile, on the new site the featured image is very small – it doesn’t “zoom” in and enlarge as it does on the first site.

How can I get the same size image displayed?

One other problem is that I changed my logo image size – it displays correctly on a post but not on the homepage. Why would that be?

Thanks!

[Fernando]

Hi Daniel,

1. The Element for Dispatch for the Page Hero is “Single Post Hero”. To increase the “size” of the image similar to what you want, you need to increase the top padding of the Container Block. You can set view-specific settings through the Block Settings. Example: https://share.getcloudapp.com/DOukqENk

If you’re using a Header Element, just select the mobile view and increase the top padding. Reference: https://docs.generatepress.com/article/header-element-overview/#page-hero

2. Did you set a logo in your Header Element? If so, this may be the cause of the size change.

[Daniel]

Thanks Fernando.

I solved the first problem. Was using the header element and one of the padding options needed to be set to % rather than pixels.

The logo resolved itself so was probably a caching issue, though I had cleared my cache before mentioning it!

Thanks again, Dan.

[Fernando]

I see. You’re welcome, Dan!

[Author]

Posts