Hide Shiftnav mobile menu on certain pages

Support
#1

Hi, my site is storeitcold.com.

I would like to hide the Shiftnav mobile menu on the following URLs:

  1. https://www.storeitcold.com/cooler-construction-advice-form-2/
  2. https://www.storeitcold.com/turnkey-walk-cooler-quote-2/
  3. https://www.storeitcold.com/testimonials-form-2/

Could you please help me do this?

#2

Hello @Web_Services,

Thanks for writing to us.

Regretfully there is no option to hide the menu for a specific page but you can achieve it by using custom CSS code under X—>Theme option —>CSS

@media(max-width:480px){
.page.page-id-2190304 div#shiftnav-toggle-main {
    display: none;
}

.page.page-id-2190322 div#shiftnav-toggle-main {
    display: none;
}
.page.page-id-2190289 div#shiftnav-toggle-main {
    display: none;
}

}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

#3

Hi, I entered the code as you suggested. And while it hid the menu from the “Cooler Construction Advice Form” page. It is still visible on the other two pages. Could you take another look to see if the code is right please.

Thanks so much!

Screen Shot 2021-02-24 at 12.47.15 AM
Screen Shot 2021-02-24 at 12.47.15 AM2680×1644 522 KB

#4

Hello @Web_Services

I checked your given page URL on the phone it seems that it is working fine on my end Please have a look at the given screenshots below.

2021-02-24 (2)
2021-02-24 (2)699×1242 90.7 KB

In case if you are talking about all the small devices where you want to hide the menu then your need to replace the code.

@media(max-width:959px){
.page.page-id-2190304 div#shiftnav-toggle-main {
    display: none;
}

.page.page-id-2190322 div#shiftnav-toggle-main {
    display: none;
}
.page.page-id-2190289 div#shiftnav-toggle-main {
    display: none;
}

}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.