I am trying to create a horizontal menu, just like the one in my main menu position (in fact I want it to look identical). I have setup a menu module in the position I would like and added the class-suffix that applies to my main menu. The first 'level' of the menu displays correctly, however, the dropdown box submenu items are covered by the modules below so I cannot see or choose the items. I just want a menu that looks identical to my mainmenu in another position. Is there an easy way to do this? Do I need to change how the position 'styles' menus and if so, where do I do this (css files, php files)?
Thanks.
The problem sounds like you have a z-index issue with the modules below the menu. Depending on the position of the code and the CSS you will need to make some changes to put the menu module above the items that are covering the dropdown menu.
If you want a specific answer then you need to give us a link to the page.
Related
I have a project and I need a multi level menu which will be dynamic, but for now I want it hardcoded (html / jquery / javascript / anything that will work).
The first level will be some icons which will be place horizontally. And when I click on any icon the second level will appear, which will have a sub menu (child elements) and the third level will have some children elements too.
The structure will be like this:
Icon1
FirstMenu
SecondMenu
ThirdMenu
FirstMenu
SecondMenu
Icon2
FirstMenu
SecondMenu
ThirdMenu
FirstMenu
SecondMenu
Icon3
FirstMenu.
I was able to create a sublevel menu, but I can't figure it out how to put those icons in it, and on click to show me the children of it.
The menu should be like this. When I click on a icon, the right menu from the bottom should collapse. And when I click on HEAVY DUTY for example, a third level should appear.
Can you give me some hints or resources from where I can start ?
Thank you very much in advance!
Try this. you can add fontawesome for the icons. Js Fiddle p9Lea8g4/7/
I have integrated the yoo_pace theme of YOOTHEME in a site which joomla version is 2.5.6. To show submenu items I have made all the require changes to the main menu module, like show submenu to yes, start level 1 and end level all. Inspite of all the changes, the submenu items are still not coming when I hover a menu which has its child items. Please give a solution.
Had the same problem with another yootheme. Submenus did not show on hover.
What fixed it for me:
Go to the Module Manager, edit your menu module.
In the Details section of the module, the first 3 items are:
Title
Show Title Yes/No
Position
Changing the value of 'Position' fixed this for my setup. This value determines in what template position your menu module will be shown. In my case this value was set to 'menu'.
The dropdown list shows Template names, and below each template name a number of position items. The value 'menu' in various form showed up several times in my case, for example as a position of the Yootheme template, but also as a position at the bottom of the list, below the heading 'Custom Position'. In my case the value was set to Custom Position -> menu.
I changed this value, by going through the list and going to the positions listed under the Yootheme template. This showed a value called 'Menu [menu]' . I selected this value, saved the module settings, reloaded the page with the menu and submenu's showed up on hover!
I'd like to move the menu separator (look here) currently just after (to the right) of the menu item "Sometitle" to just before (to the left) it, making a separator just after the menu item "Donate" and just before the menu item "Sometitle". Is this accomplishable via the Joomla software,and if so how do I go about doing it, or do I have to accomplish this myself (via JavaScript/CSS). If it's only doable via JavaScript/CSS,any tips would be appreciated.
Thanks!
Is 'Some Title' a specific module or is part of the menu? I would make a second menu module for that item and instead of applying that margin you can put 'float:right' to the module div so you don't waste all that space.
Maybe you can make a 'dummy' menu item before 'Some Title'. Make it invisible with css so it shows only the separator. That's one option, I should take a look at the actual css code and html layout to give you more ideas. But definitely you can solve this with css.
Joomla way:
Create another menu for that item (and remove it from the left menu), use the same style for the <li> items in both menus (of course, place each <ul> according to your design).
CSS way:
Set the 'Sometitle' item like this (replace the X for the right item id):
.menuClass .itemX {background-position-x:0%;}
JS way:
Set the css properties as above.
I am trying to make a simple drop down menu system for my Joomla site. But Joomla menu is completely confusing me. How does a joomla menu work?
For eg: In the image below the whole blue bar is a menu? or each item like 'Projects' is a menu?
Now I can make two pages for Project 1 & Project 2 but where will the 'Projects' link point to? If it does point somewhere then incase of no JavaScript I'd like to point it to a page that shows a list of the menu items.
How do I place my menu at this place in my template?
Why is there a default MainMenu and why do I need to use a menu to show the main content on my site. Shouldn't menus be used for making menus. And I only needed a menu item to show my content not that whole Main Menu. The main confusion is the Main Menu.
I don't wanna use a module coz I couldn't find a good one for 1.7 that uses jQuery (All JavaScript on my site is done with jQuery) and I read somewhere it can be made within the template.
All I want is to somehow place menu items lists inside the respective anchors up top so I can just show/hide them as dropdowns with jQuery.
I hope I haven't made the question confusing pointing to what I need to make. It's just that I'm super confused myself.
Please help.
I appreciate the help.
Thanks Alot.
Joomla menus are generated thru modules. In most cases mod_mainmenu. Theese modules you place in module positions. If your menue should be horizontal on top, then you put your mod_mainmenu module in the position "top". Be aware that every template uses different position names.
I'm editing a WordPress theme named "Nova", and I'm relatively new to editing PHP.
Currently, the template uses drop-down menus for parent-child pages.
I would like to change that so rather than a drop down menu, there's just columns, with the top row being the parent page, and the rows directly beneath being the child pages.
How would I accomplish this? Thank you! ^_^
The markup is already there, it's just a matter of changing the stylesheet to change the appearance. You don't have to edit any code. Essentially, float the parents so they're next to each other, don't float the children so they appear vertically as a list does by default.