Archived topic

Featured image gap on mobile

5 replies · Started by Jay on December 9, 2018

Viewing posts 1–6 of 6

December 9, 2018 at 11:27 am #752233

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!

December 9, 2018 at 1:50 pm #752285

Hi there,

try this CSS:

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

December 10, 2018 at 4:17 am #752707

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

December 10, 2018 at 8:17 am #752945

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

December 10, 2018 at 6:50 pm #753385

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

December 11, 2018 at 9:38 am #753954

I updated the code above for single post only.

This archived topic is closed to new replies.