Using Worg.css , my table of contents is blocked by the source block created by org-mode

Question

I am learning to use org-mode to create the web pages. I use the Worg.css found on gist. I really like the style of it, but there is a problem: the table of contents is blocked by the source code block, which is not very convenient for navigation. The official website have no such problem. I haven't set up my own webpage yet, so I will just give a screen-shot of the problem I am facing with.

I also tried other worg styles, which has the same problem.

Can anyone tell me how to fix it?

Answer 1

Add this CSS code to your worg.css:

pre.src {
    position: static;
    overflow: visible;
    padding-top: 1.2em;
}

Then, your table of content won't be bl