Menu not being displayed after move to bootstrap 4.

Back when using bootstrap 3, in page.html it used:

  <div class="col-sm-3 hidden-xs">
    <ul class="menu">

This meant that on small width displays, the menu of articles/categories was hidden.

Now that using bootstrap 4, this was changed to:

  <div class="col-sm-3 d-none">
    <ul class="menu">

In the situation I am using Raneto, which is actually embedded in an iframe, the menu is now never showing, and when you increase width of browser window, you end up with blank area to right of content.

I am find that I need to change it to:

  <div class="d-sm-block d-none">
    <ul class="menu">

This change appears to match recommended change for when going from bootstrap 3 to 4 in:

• https://stackoverflow.com/a/19660155/128141

I have the change in my own custom theme at present so you can evaluate suggestion first.

[GrahamDumpleton]

I found this works best.

  <div class="col-sm-3 d-sm-block d-none">
    <ul class="menu">

By adding back col-sm-3 into the div for the menu and with the content itself being col-sm-9, the result is that the content column will fill out to the maximum width it can and don’t get space on the right side.

[GrahamDumpleton]

I stopped using it some time back.