Menu background

Having finished to 960px website, I am now creating the 320px version.
I have a conventional horizontal menu in the 960 site, with a transparent background
I have a hamburger menu in the 320 site, which has a grey background.

However it would appear that when I switch on the grey background for the hamburger menu, it also appears in the horizontal menu in the 960 site.

I thought it was supposed to be one menu per device. What am I doing wrong?

Yes it does state that, but not all things are carried across to the different device sizes. It is confusing the way it is. I hope Duncan can improve on this going forward.

The only way at the moment would be to have a new menu for the 320 device and and use the ‘show on this device’ so that you only have one menu displaying at any one time etc.


Thanks @rimram

I was starting to doubt my myself!

Can you explain how I can hide the menu in the 320, and then reintroduce it please? Because once you hide it, the menu elements in the right hand part of the screen disappear!

I’ll have a go, this is how I see it…

  1. you have finished your 960 device
  2. You create a 320 device
  3. On the 320 device uncheck the ‘show on this device’ for the 960 horizontal menu
  4. Create a mobile menu on the 320 device
  5. Go back to your 960 device layout and uncheck ‘show on this device’ for the 320 mobile nav menu.

If you do those steps then you will have one mobile Nav menu for the 320 device and one horizontal menu for the 960 device.

I hope that is what you were asking!

It’s surprising what can be achieved the the mobile menu… take a look…

or a variant of that…



Hi Scott (@rimram)

Its stage 4 I’m struggling with. Once I hide on the 320, the menu element disappears, along with the selection of menus available (horizontal/ vertical/ hamburger)
At least that is what happened when I tried doing this yesterday (per @greenskin 's advice)

I’m probably missing something simple, or just being simple…
Thanks again for your help


Sorry you’re still having an issue. I’m not by a computer until I get into my studio tomorrow.
What you need `to do at stage 4 is to go to the ‘insert’ drop down menu in the main Sparkle menu bar and click the ‘menu’ item in the drop down list. This will insert a brand new menu for the 320 device. When you have it on the page then you will be able to choose the mobile hamburger type.

I’m so sorry, but I don’t think I explained it very well. If I had a computer at home, I could show you a screen grab, which would be easier to understand etc.

Let me know how you get on!


1 Like

Nice work @rimram! :slight_smile:

1 Like

@rimram Thanks Scott - that sorted it.
@greenskin Should have listened to you first time!
@duncan Duncan, this issue would benefit from being clearer in the documentation

1 Like

That’s so great, you are up and running :slight_smile:


I’m glad to hear you found a solution …
Yes, I agree, this needs to be clearer in the current documentation and hopefully this will be improved in a future update.
As it is now, it seems the menu for different devices is too confusing and I have struggled with it myself.