View Replies (4)

Resolved Embedded Menu Behavior

  1. Task
  1. Helix-II
  2. Monday, 04 August 2014
Hi Joomshaper support,
I have a question concerning the helix2 menu behavior.
I don’t want to use the embedded menu support inside the helix template, because I don’t wont, that the normal menu disappears on smaller screens and is replaced by the icon with the three dashes inside. I think, people do expect this only on single-page web-apps, like facebook. In this case, people only use this special menu, when they want to do special things and not for the main content of the site. In my case, I would prefer to use a normal menu, which I contruct by myself on menu position of the template. In order to avoid double menus, I found a “dummy method” to avoid this. So far I am glad to see, what I want. With one exception: the three-dashes-icon – without underlying menus – is appearing anyway.
I hope, you understand my situation, it is like http://www.joomshaper.com/forums/question/i-am-getting-a-double-main-menu with the difference that I want that the whole embedded menu disappears, also the special icon on smaller screens.
I am looking for one of the two solutions:
1) How I can manage, that the special icon disappears on smaller screens (see attachment pict2)?
2) I could gain total control of the embedded menu like on other menu positions in the template-layout-manager, where you can specify the behavior for desktop, tablet, phone screen sizes.

Besides this point, I am very happy with all your features, in particular the flexible layout possibilities!

Albrecht
Accepted Answer
If you do not want the special menu then delete that module position from the layout builder and create a different module position. But named that position someting new, not menu.

Thanks
  1. more than a month ago
  2. Helix-II
  3. # Permalink
Responses (4)
Hi Joomshaper Support,

sorry, to change the layout menu position didnt help. I made some further investigations with mozilla firebug (see attachment) and I changed experimentally the file plugins\system\helix\css\mobile-menu-css as described here:
/**
.sp-main-menu-toggler{
display: inline-block;
position: absolute;
top: 30px;
right: 20px;
z-index: 1;
}
**/
e.g. I commented out the menu-toogler css code

This results in the behavior I looked for: the unwanted toggler-icon on smaller screens disappears.
But I am not the css-expert, I can't predict, which unwanted side effects will be potentially.
Should I comment out further css definitions in this file?
I would appreciate, if you could evaluate this "patch". If you see no problems, I will make the change in my production web site.

Thanks in advance
Regards

Albrecht
Attachments (1)
menu-toggler.jpg menu-toggler.jpg
  1. more than a month ago
  2. Helix-II
  3. # 1
You can set the display value none for that element using css.
Thanks
  1. more than a month ago
  2. Helix-II
  3. # 2
Additional Information:

It worked with following modification in plugins/system/helix/css/mobile-menu.css:

.sp-main-menu-toggler{
display: none!important;
position: absolute;
top: 30px;
right: 20px;
z-index: 1;
}
The overriding !important was necessary

Thanks
Albrecht:D
  1. more than a month ago
  2. Helix-II
  3. # 3


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.

Please publish modules in sidebar position.