Another Post Width Query

Hi team,

I know this gets asked a bit, but I’m having trouble getting my desired outcome.

Under “static Front Page”, I have “your latest posts” selected. I also have some widgets defined in the main sidebar.

But I want my actual posts to use the full width of the screen, and not have the sidebar with the widgets.

I’ve entered the following in “Additional CSS”. This gets the desired outcome for my posts, but on my main front page, I no longer see the main sidebar.

.single-post .site-content {
    width: 95%;
    border: none;
}
.single-post .below-title-meta {
    margin-left: -2.1%;
    width: 105.2%;
}
#secondary {
    display: none;
}

If I use the following, my front page looks good, and the posts are full width, but in each post the sidebar widget is awkwardly down the bottom of the post (underneath the comments box):

.single-post .site-content {
    width: 95%;
    border: none;
}
.single-post .below-title-meta {
    margin-left: -2.1%;
    width: 105.2%;
}

How can I achieve my desired outcome?

Cheers.