[Resolved] Please help to adjust Fixed TOC & content area display right

Hi there,

the Search site uses a limited content width for the single posts.
Go to Appearance > Elements and your will see a Layout Element titled: Post Width.
You can delete that element and then your posts width will be the same as the other pages.

Try changing that first.

You need to check the TOC plugin settings or with the plugin author – see here:

https://www.screencast.com/t/0sClY6cf8GFu

The TOC element exists in the sidebar but it has its own CSS properties that has a Fixed position Off screen and its opacity/visibility set to hidden. Its not something being controlled by the theme.

For sizing the page layout – there are several factors:

1. the Customizer > Layout > Container -> Container Width defines the overall width of the site content ( sidebar / content / sidebar ). That site example is set to 1600px.
2. The Customizer > Layout > Sidebars – you can set the % of the sidebars, this will define how much space of the 1600px they occupy.

However that site is using this custom CSS to adjust the %’s:

@media (min-width: 1024px) {
    body.single.single-post
    div#primary {
        width: 51%;
    }

    body.single.single-post
    div#right-sidebar {
        width: 27%;
    }

    body.single.single-post
    div#left-sidebar {
        width: 22%;
    }
}

Thats an issue you would need to speak the plugin author about – as its controlling its position.
In the meantime – does it display if your Uncheck the Fixed the Widget option ?

If it does then we can provide some CSS for making it sticky – that may be a better solution.