Adjust logo and navigation menu on mobile view of minimal theme

[Bethan_Burt]

Hi, 

I'm trying to adjust my minimal theme so that on mobile the view above the fold, isn't just my logo. Is there a way to edit the code so the menu is beside my logo instead of above in the announcement bar?

Bonus if anyone can tell me how to add my logo to the announcement bar (this can be made wider) so that it isn't surrounded by so much white space? 

 I'm currently using the minimal theme and Im a complete novice when it comes to code, so anyone who can help would be greatly appreciated! 

Website is: www.birchandtides.com

Thank you for your help!

[KetanKumar]

@Bethan_Burt 

Thanks for post

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 768px) {
.site-header {
padding: 0;
}
}

[snazzyspiffy]

I too have the similar issue but the changes didn't make any changes.I still see that logo displays separately in mobile screen.Any help is highly appreciated.