Can I make it so a menu is ONLY visible on the mobile version?

[Kaltook]

I have a site that uses the Birdseye 2 theme, and I'm wanting to have it so the navigation menu only appears on the mobile version of the site -- mostly so I can hide the desktop navigation which doesn't work so well on mobile.  I don't want the menu to display on the desktop version - it really clashes with the rest of the website.

I have read about turning off the 'responsiveness' of the theme - and edit the versions seperately -  would that be the way to go?

[Adam7]

Is your site live, @Kaltook? I'm sure a member of our Community can figure something out for you if they look at the live code.

[Kaltook]

Hi Adam,

The site is in 'live beta test' -- and there's a few backup versions with various bits of SEO code on and off trying to figure this out - https://adipose-beta.weebly.com/ has the code to turn everything 'off' and seems to be the prefered version at the moment.

[BJ5]

Are your pages hidden from navigation?

[Kaltook]

At the moment, yes.  But there's custom code disabling the menu too.

<style>
.no-header-page .main-wrap {
top-padding: 0px !important;
}
.birdseye-header {
display: none !important;
}
</style>

<header style="position: relative; top: -100px;">

I've tried on other sites to unhide pages from nav, still get rid of the desktop menu - but keep a mobile menu.  So far it's both or neither.

[Kaltook · Accepted solution]

I think I've decided what I might do - switch to a theme with collapsable menu and turn that on - put the background and theme colour to something that blends in with the page.

[BJ5]

That makes sense to me and is another good way to go about it.