Right-floated flat list horizontal menu
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
-
Try saying that after a couple
If I have this arrangement in a template, the menu item direction inverts, so instead of:
Home / Contact / About Us / Services (etc)
I get:
Services / Contact / About Us / Home
Question is, how can I float it right then correct the item order?
Thanks in advance!
Dan - Toolbox Digital | Dribbble | Forrst
-
-
-
- Daniel Chapman
- Elite Rocketeer
- Posts: 1258
- Thanks: 0
-
If you aren't planning not to change the menu at all, I would suggest a custom module with links in it. Dead easy to format. ;D
I am making one soon for one of my sites, because I want the date, search bar, some text and links all in a line.
I was actually considering making it configurable. I wonder if it would be popular... -
www.ninjoomla.com
- The Ninjoomla Open Source Extension Club
Over 50 open source extensions and 100 videos to you build the site you want.
-
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
-
That's not a bad idea...problem is it's for a client and that's a little to "tech" to be feasible.
In the end I reconfigured it to a horizontal (table) menu type and applied a load of new styling classes to it, seems to have worked ok for now...just a lot of work for one minor detail :
- Toolbox Digital | Dribbble | Forrst
-
-
-
- Daniel Chapman
- Elite Rocketeer
- Posts: 1258
- Thanks: 0
-
Sadly it often seems to turn out that way, it's the tiny details that take up your time.
I wanted a variable logo on one of my sites using the sporticus news template, so I ended up removing the old logo and putting in a new module position for it, but that broke other things which broke other things... Sorted it all out in the end but just for a simple picture change...
You could have just padded it all the way from the left too. That would have worked. I moved one menu across a little bit by adding a placeholder of just spaces as the first element in the menu.
Would you be averse to sharing the code? It might help me with my module when I get around to making it. -
www.ninjoomla.com
- The Ninjoomla Open Source Extension Club
Over 50 open source extensions and 100 videos to you build the site you want.
-
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
-
I thought about a left-float then a huge margin, but then additional menu items mean that they will spill out of the right-hand side...whereas a right-float makes the menu shift itself inward from the right.
I could have re-ordered the menu that was used from within Joomla (which does work) but of course that then means that the last item on the visible menu (hence the first menu on the Joomla menu) becomes your home page....arrrggh.
Here's the code - menu is set to "Horizontal" (tabled) and suffix "-nav" - using VividDesign so the DIV is "horizmenu":
div#horizmenu ul#mainlevel-nav a { float:none; display:block; height: 20px; line-height: 20px; text-decoration: none; padding: 0 15px; padding-left:10px; text-align:right; margin: 0 15px; } a.mainlevel-nav { padding-right:15px; border-left:1px solid #aaa; padding-left:15px; } #active_menu-nav { color:#000; } div#horizmenu td { float:right; display:block; height: 20px; line-height: 20px; text-decoration: none; padding: 0; text-align:right; }
Site: www.pallet-trucksdirect.com/beta/ - Toolbox Digital | Dribbble | Forrst
-
Time to create page: 0.070 seconds