Hi again,
I think I managed it now - at least part of it.
Using Column Options, I could set which bootstrap column to use on Smaller Phones. Had to set both "Logo" to col-1 and "Menu" to col-11 for "phones" in order to work (see image 1).
On tablets, I can do the same, but when fixing the logo at col-1 it squeezes to be within the col-1. How to overcome that? (image 2). I solved it on phone, by decreasing logo size for small screens. Is that the way to do it?
/* Decrease logo-size on Smartphones*/
.logo-image {
display: block;
max-width:200px;
max-height:78px;
width: auto;
height: auto;
}
Image 1: Column options to set bootstrap column
Image 2: On larger screens the logo squeezes