Streamline theme on mobile - Header only on homepage

Store Design
, , , , ,

Topic summary

A user implemented custom CSS code to convert the Streamline theme’s floating mobile menu into a hamburger menu on the homepage. However, this modification caused the header menu to disappear entirely on collection and product pages, making navigation difficult.

The Problem:

  • Hamburger menu works on homepage
  • No header menu appears on collection/product pages
  • Users cannot easily return to homepage or browse other products

Current Status:

  • One responder requested store URL and password to investigate
  • Another provided updated CSS code as a potential solution

Resolution: Ongoing - awaiting confirmation whether the suggested code fix resolves the navigation issue across all page types.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hello

Streamline Theme - Mobile Version:

I’ve added some code to make the menu button into a hamburger menu rather than floating at the bottom of the page which is great on the homepage, but then when I click onto collection pages and product pages I don’t have a header menu at all so it’s really annoying to get back to the homepage or browse other products.

www.somewherenever.com

This is the code I used to turn the floating menu at the bottom into a hamburger at the top:

@media screen and (max-width: 767px) { .header-item { display: block !important; } button.btn.site-nav__thumb-button.js-toggle-slide-nav { display: none !important; } }

Any advice?

2

Hey @Felicity_K could you please share store URL and password as well so that I take a look and provide you solutio code.

Thanks

3

Please update your code to this and check again.
1 Like