Hi there,
The margin-bottom in the blog page is inherited from the blog columns setting at customizer > layout > container > Separating Space.
But on a single post page, there is no column setting applied, so the generate-columns
class will not be added to the query loop block, which results in no bottom margin.
I would suggest use this CSS to set the generate-columns
class for query loop item to 0:
#right-sidebar .generate-columns {
margin-bottom: 0;
}
Then add padding-bottom or margin-bottom to the container block( post template) in your query loop block.