[Support request] Featured image gap on mobile

[Jay]

Hi,

I’d like to remove the gap above featured image on mobile.

The setting “One container” doesn’t have the desired result, and also affects the desktop layout which I don’t want.

Any idea to get this the way I’d like?

Thanks!

[David]

Hi there,

try this CSS:

@media (max-width: 768px) {
    .single-post.right-sidebar.separate-containers .site-main {
        margin-top: 0;
    }
}

[Jay]

Great, thanks!
That works for posts, is it possible to exclude the rest of the site? Homepage, etc.

[David]

Sorry just to clarify – which templates / pages do you want to remove the gap?

[Jay]

Only on individual posts. Not archives, homepage, or any other page.

[David]

I updated the code above for single post only.

[Author]

Posts