Adjust logo and navigation menu on mobile view of minimal theme

New Member
1 0 1


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:


Thank you for your help!

Shopify Partner
14189 1652 5104


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;
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Expert | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
New Member
1 0 0

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.