Mobile Menu vs Top Menu

Hi all

stage server: http://www.zitrone.com.au/subsite_42

I would like this site with a horizontal top menu.
I have managed to create this.
However I still show the same menu on the left as a vertical menu.
When I switch off this menu in Template Manager / Menu / Show template menu. This vertical menu disappears. But so does the Mobile Menu...
Is it possible to keep the Mobile Menu but delete the vertical menu in the left col?

Thanks for any hints.

Romano

Hi

If this menu is a module than You may try to use module class suffix. For example add a suffix: " onlydesktop" than add this code to template.css:

Code: Select all

.onlydesktop { display: block; }


and this code to mobile.css

Code: Select all

.onlydesktop { display: none; }


Hi
I have followed your instructions and added the code.
I can not see any difference...
Any more hints?
Romano

Hi

I've been to Your site, but need some explenation. I can see You have 2 menus, one on top other under logo. Which should dissapear on mobile ? I think both of this positions are not supporting suffixes, so my solution was wrong but You can always hide it with css for selected layout. I just need to know which menu should it be. Also why cannot You use a standard prepared template menu ? This will have this functionality already.

stage server: http://www.zitrone.com.au/subsite_42/

Looks like I did a bad job explaining this... here goes again.

I have "topmenu", this this menu presents in a horizontal fashion.
who we are | projects | our approach

In the Template Manager, Options, Menu, Show template menu is "Enabled"
Responsive conditions create a square with 3 horizontal lines on the tope left. This is the menu I want to use when rendering on a phone or pad.
This part works.

But the use of Show template menu also creates an additional menu just under the "B'" logo in a vertical fashion.

who we are
projects
our approach

I don't want to see this menu. Never ever.



Is it possible to create a "responsive square with 3 horizontal lines" menu deliberately as a module?
That would be the way out of this problem.


I hope this makes more sense but I am happy to explain further if need be.

Thank you
Romano

Hi

Ok. That's easy. Please simply add this code to override.css and remember to allow using override in template settings:

Code: Select all

.gkOnlyMenu { display: none; }


Super!
Worked right away. Thank you very much.
Romano

Hi

Great. Sorry I could not understood You sooner. I was thinking it was about a totally different thing ;/