Skye/Ready Template - Place Hamburger Icon on the top left on the mobile header

Site URL: https://trevorhughesphotography.com

Hello!

I'm running into an issue where the hamburger bar is locked on the bottom left corner of the mobile version of the Ready-template I'm using. I contacted support and they referred me here as  apparently this template doesn't support moving the hamburger bar around automatically. 

I was hoping someone might know how I can get the bar to the top left of the mobile version. 

Something else to note is that I believe since the bar is stuck to the bottom left corner, I'm unable to view the mobile-info-bar even though I have it enabled. I'd love to add the mobile bar to my mobile site. 

Any help is appreciated! Thanks!

Add to Home > design > Custom CSS

div#mobileBar {
    bottom: unset;
    top: 0;
}

thank you @tuanphan!! this worked and now the mobile info bar is displaying as well. Perfect.

I'm using the Skye Template, and when I used the code above, it covers the logo of my site. Is there a fix for this? I'd like the hamburger menu at the top on mobile, just like this, but not hiding the logo. 

On 10/1/2020 at 8:38 PM, kevader87 said:

I'm using the Skye Template, and when I used the code above, it covers the logo of my site. Is there a fix for this? I'd like the hamburger menu at the top on mobile, just like this, but not hiding the logo. 

Can you share site url? We can check easier.