Regarding post layout

Okay that solved the issue. But still need some css styling. Looks pretty pain like the categroy pages.

There is another way around to this though. Basically all I want is for the sidebar to show a little blow. Want to add the margin on the top of the first sidebar widget.

the problem is google doest like ads to show above the content. on sthe sidebar since its above.. the ad shows below. I have temporarily fixed it by adding a posts. But overall want the sidebar to start a little down with some margin on the top

Which page can I see the issue?

All post pages. Just want the widget section to start where the content starts.

If you apply the method that Leo provided here:

https://generatepress.com/forums/topic/regarding-post-layout/#post-1524546

This will create the result you require.
If there styling issues then we can take a look and help correct that.

Yes I get that, but the layout looks weird that way, so now I just want the widget area to start in allign with the image instead. Can we like add a top margin to the widget which only occurs on the dekstop and not on mobile devices?

That case can you just create a header element with the page title as the content?
<h1>{{post_title}}</h1>

Okay I did that and its working. But now there is the margin above and below.. looks somewhat still okay on laptop but no good at all on mobile screens. link given below in private. Only added to that post

Don't think I'm seeing the margin issue.

Is it visible here?
https://www.screencast.com/t/NZMdP4ovTo

No, I am talking about mobile screens.

Try this CSS:

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