Right pane is pushing down left pane about whiteboard HOT 5 OPEN

Seems to be a problem with jquery.tocify.js. In script.js, change the selectors options like so:

selectors: 'h1, h2'

Doing this seems to fix the problem for me.

from whiteboard.

The generated html had an additional <div name="Query-Parameters" data-unique="Query-Parameters"></div> before each h3. But I wonder why the sample http://marcelpociot.de/whiteboard/ is without the <div> and thus had correct laytout.

If I modify /themes/whiteboard/source/js/lib/jquery.tocify.js, and comment these lines, then this problem is solved. But it's probably not a good idea to change library.

self.before($("<div/>", {
    // Sets a name attribute on the anchor tag to the text of the currently traversed HTML element (also making sure that all whitespace is replaced with an underscore)
    "name": hashValue,
    "data-unique": hashValue
}));

from whiteboard.

I have the same issue and was about to post the exact same comparison screenshots

from whiteboard.

The problem also happens if you choose to put the description before the examples: I prefer to put the description first and then the examples like this:

## My Test API

This endpoint makes you feel successful

### HTTP Request

`GET https://mydomain.com/api/v1/endpoint/:level`

### Parameters

Parameter | Default | Description
--------- | ------- | -----------
level | none | Integer. The level of success you would like.

tick tick tick bash
curl https://mydomain.com/api/v1/endpoint/3
tick tick tick

> Success Output:

tick tick tickjson
{
    "success": true,
    "level": 3
}
tick tick tick

This way when you are on a phone you see the description first then the examples like so:

However, it still doesn't display the blocks correctly at normal resolutions as in original description:

from whiteboard.

@arichen solution worked fine for me.

from whiteboard.