Remove mobile nav from page - Streamline theme

[jessp2734]

Hi 

I am creating a landing page using page.sections and am using the streamline theme.

I have managed to remove the footer and also the navigation on homepage using the code below. I put this in the custom HTML section within the theme customisation. 

<style>footer { display: none; }</style>

<style>
.site-nav, .mobile-nav-trigger {display: none;}
</style>

However despite removing the menu from desktop, I cannot seem to remove the sticky menu from mobile. On the streamline theme, the mobile menu is sticky and floats at the bottom of the page, rather than it being a traditional fixed drop down.

Does anyone have any code suggestions on how to remove this?

Thanks in advance

Jess

[LukaszFormela · Accepted solution]

Hi Jess,

Try using this code to hide the sticky menu:

.site-nav__thumb-menu {
  display: none;
}

Thanks,
Lukasz

[jessp2734]

Amazing thanks Lukasz worked perfectly 

[austinh]

Hi @LukaszFormela,

In the Shopify theme code editor, where can the "hide the sticky menu code" be placed?

Thank you!

[LukaszFormela]

@austinh The safest way would be to place it in general stylesheet, at the very bottom of the file. You will find it in "Assets" folder, named as "style.scss", "stylesheet.scss" or "themename.scss".

Thanks,
Lukasz

[austinh]

@LukaszFormela amazing, thank you!

[myleonemilli]

Hi @LukaszFormela ,

This worked perfectly but do you know how I can have a hamburger menu on the top of the page for navigation in replace of the sticky menu button?

[lovelife437]

Did you find a solution for this ?

 Thank you ::)

[anushkatyagi]

Hi, on my streamline I'm not seeing any of those asset pages you mentioned. I tried placing it under theme.css.liquid but it did not work. I would also like to remove the mobile sticky menu. My website name is re-activewear.com