Sticky Header/Logo

Hi Guys, I’m working on the mobile version on my site and I’ve found a lot of solution in other treads. I’ve run into a small problem which I’m sure you’ll be able to assist me with.

In the mobile version, when I open my site I see a big logo on top and the menu below it. When I scroll down a bit, the navigation goes to the side which is how I ideally want it to be. Here’s some screen shots https://prntscr.com/k07dj8 https://prntscr.com/k07dmk

here’s the custom css I’m using:

@media all and ( max-width: 480px ) {

/* Display logo in sticky scrolling nav */

.ish-part_header.ish-sticky-scrolling .ish-ph-logo {
display: block;
}

.ish-ph-main_nav {
float: right;
margin: 3px;
}

li.ish-ph-mn-resp_menu a:before {
font-size: 30px !important;
color: #049be6 !important;
}

.ish-ph-logo {
float: left;
margin: 10px;
max-height: 150px;
}

.ish-part_header .ish-row_inner:before {
display: none;
}

}

Thanks!