Changing one menu item position in Joomla 3 with CSS - css

A question is bothering me.
I trying to modify a menu item in my menu. It's the last item in it.
How could I change its position with CSS?
Dev Tools say that item has item-124 class in html.
Any ideas?

You should perhaps reorder your menu items inside your Joomla menu manager - to reorder using css only would cause you headaches at a later stage :)
Do you want to edit where it it positioned on the page or just the order in which it displays?

Related

Joomla 3.9: Menu item set to Separator is not clickable to reveal sub-menu items

I am building a website in Joomla, and I'm trying to make a menu in which some menu items should not have any article associated with it; clicking on them should only reveal the sub-menu items, but the rest of the page should stay static. So, I set that parent menu item to Separator, and added some sub-menu items to it. However, for some reason, the parent menu item is not clickable, meaning that I cannot reveal the sub-menu items.
Here is my website: http://vaterlinija.lt/
The parent menu item that has sub-menu items is the second one from the bottom (as you can see, it is non-clickable).
How do I fix this? I tried using Menu Header and URL (set to #) instead, but the result is the same. The only way to make these sub-menu items to show is to set that parent menu item to something like Single Article or similar, which is precisely what I want to avoid. I am using my own template, made from scratch. Do I need to add something to CSS, maybe?

Assign a different style to a single menu item in the Helix3 framework (Joomla 3)

There is a site on Joomla3 with Helix3 framework. I need to assign a different style to specific menu item (another color).
Through, for example, item-565 does not work.
All parent menu items have the same color.
Help me please ))
This is joomla docs for making it: https://docs.joomla.org/J3.x:Switching_templates#Assigning_more_than_one_template_for_the_Front-end

bootstrap child menu not align properly

Please see the menu image bellow
i'm using bootstrap navigation menu here .when if its items are few its child pop up menu goes as this .i'm tried a lot but not found a good result ,this menu items generated by dynamically from asp.net
help me to solve this .

Bootstrap 3 Submenu within current menu

I am in need of a dropdown-submenu using Bootstrap 3.
There are questions like this all over the place, one in particular that got me closer is this one: Bootstrap 3 dropdown sub menu missing
However, the answers there display the dropdown to the right of the current menu. I need to display the dropdown within the current menu, just sliding the rest of the nav down when open.
Here is a bootply with what I have so far: http://bootply.com/91787
Currently the submenu is just overlaying the current dropdown... I need the submenu to push the rest of the dropdown elements down when open. How can I achieve this? Any help getting the dropdown to activate on click instead of hover would be helpful as well, but the main question is more important.
Like this ? I´m not sure if I understood your question right.
http://bootply.com/91794
Edit:
Quite simple, I hope this is what you want:
.dropdown-menu {position: relative;}
http://bootply.com/91800
Jeff Mould solved this beautifully.
Git: https://github.com/jeffmould/multi-level-bootstrap-menu
Nav Demo: http://theboot.fenwickmedia.com/

Wordpress menus with submenu in other place

I would love to use wordpress built in menu system and I need sub-menus. Is it possible to on hover show that menu items sub-menu in other place. See image.
Thank you. Any suggestions how to achieve this.
You can create the Sub-menu via the CMS in the menu panel dinamically under the parent label. Then you can just hide it onload and show it on the parent's hover. However the sub-menu must have position: absolute and, given your example the liwould have to de displayed inline.
A sample code would be useful to sort out details but this should work.

Resources