Tablet coordination with mobile phone

Hello

I like very much Sydney its super.And thanks for all help.I now made my design on mobile phone super _ but the strange its on tablet the look is different. The diffrences is;

1 Menu icon is on tablet centret on portrait and not to the left as mobile phone. On tablet the icon to the left but not in color as the phone desing. The same issue is for tet and banner. I thinks its orginal.

2 The banner is to the left in portrait and it would be nice to have to the left instead.

3 The banner is pritty large in landscape and could be more like the size as in portrait.

4 The site titel is not in line in landscape , maybee because of the long banner.

I have enclosed my CSS below for mobile changes _ that I got from Kharis _ but with a couple additions.
My website is www.becht.dk

Kind Regards Peter

@media only screen and (max-width: 991px){

.site-header{
background-color: transparent !important;
height: 0 !important;
padding: 0 !important;
}

.site-header .row,
.site-header .container,
.site-header .col-md-4{
height: 0;
overflow: visible;
}

.site-header .row{
position: relative;
}

.site-header .col-md-4{
margin-bottom: 0;
}

.site-header .col-md-4,
.site-header .col-md-8{
height: 0;
overflow: visible;
position: relative;
z-index: 99999;
}

.site-header .col-md-8{
position: absolute;
top: 120px;
left: 0;
}

.site-title {
margin-top: 10px;
}
}

@media only screen and (max-width:991px){

.header-wrap .col-md-4{
text-align: left;
margin-bottom: 0;
}

.header-wrap .btn-menu{
float: right;
margin-right: 15px ;
margin-top: -50px;
}

.site-header .col-md-8 {
position: absolute;
top: 110px;
left: 0;
}

.btn-menu{color:#af0000;}

#mainnav-mobi ul>li>a {color:#af0000;
font-size: 28px !important;
font-weight: 700 !important;
background-color: #fff;
}

#mainnav-mobi ul li{
border-top-color: #efefef;}

#mainnav-mobi ul > li > a:hover{
color: #fff;
background-color: #000; }
}

Hello

I set it to 1024 instead of 991 px_and it help.

But the submemu is still to the left and want I it to the right.
Also the icon menu is in the middle and not to the right as on the mobile phone design.

Please let me know if you can help me.

Kind Regards Peter

Hello Peter,

Please create a separate topic for each of your questions in order to make it easier to help you.

Kind Regards, Roman.

Hello Roman. you are right
Here is the first;
I want my menu icon on tablet on both portrait and landscape _ be placed to the right as on desk top and mobile phone.
It is now placed to the left and unfortunately in-between site title and tagline.

Kind regards
Peter

Hello Peter,

I have just checked your website on low resolutions and mobile menu button is on the right side.

Have you already resolved this issue?

Kind Regards, Roman.

Hello Roman

I did a cleaning of my css yesterday evening_ and you right_ it help I can see it now.
Thanks anyway.

Kind regards Peter

You are welcome Peter!

Kind Regards, Roman.