Top padding margin single blog post

ONELOVE9 · September 2017

How do I create some top padding or margin on as on mobile it interferes with the menu-burger.

Bryan · September 2017

Try this css

@media (max-width:767px) {
	.single-post #Content {
	margin-top:110px !important;
	}
}

ONELOVE9 · September 2017

This CSS interferes with all pages, putting the content also on all pages lower. I only need to have it lowered on single post pages...

Bryan · September 2017

I have edited it. You can now check.

ONELOVE9 · September 2017

Awesome it works. Finally, on mobile what is the CSS to have the featured image in the header of a single post at the same size (making it bigger) as the size of the related posts in the footer? On desktop current size are fine.

Bryan · September 2017

Sorry but the featured image on mobile is the same size and it is full width, how would you like it to look like?

ONELOVE9 · September 2017

Sorry for being picky. Check the hight of the images featured VS related there are different on mobile Would like the featured (header) images same hight as related post image.

Bryan · September 2017

The image has just different proportions, there is nothing we can do about it.

ONELOVE9 · September 2017

Hmm I doubt it, but ok.

Another thing, please provide the CSS to vertical align related posts word on desktop "GERELATEERDE POSTKAARTEN" () on this page like it does on mobile...

Thanks

Bryan · September 2017

What do you mean vertical align? Did you mean horizontal?

ONELOVE9 · September 2017

I need some padding on the left as now there is no space between left side of the screen and the word "GERELATEERDE POSTKAAREN" (word translated: related posts)

Bryan · September 2017

You can use this css

.section-related-adjustment h4 {
	padding-left:30px !important;
}

Top padding margin single blog post

Comments