Sign Up for OSTraining

Welcome, Guest
Username: Password: Remember me

TOPIC: Deeper Parent Menu Problem

Deeper Parent Menu Problem 1 year 3 days ago #46293

  • jackibar
  • jackibar's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 509
  • Karma: 0
I'm trying to get a template working and am having problems with sub-level menu items once they've been clicked on. The site can be seen here:

mightykicks.net/

Referring to the left sidebar menu module... If you click on a menu item with sub-menus (i.e., Registration) - everything looks fine (I have the following css controlling the appearance with the little squares at the side of the li's):

ul.menu li.current.active.deeper.parent ul li {
background: url('../images/indent1.png') no-repeat left center;
}


The problem occurs if you THEN click on one of the sub-menu items (i.e., Boston). Then all the squares disappear. I've been trying to get this to work but can't seem to get the exact right CSS identifier (I'm a little confused when it comes to these multiple-class indicators like .active.deeper.parent - !) I can see in Firebug that the reason is the class has changed from current.active.deeper.parent to just active.deeper.parent - so here's what I have tried:

ul.menu li.active.deeper.parent ul li {
background: url('../images/indent1.png') no-repeat left center;
}

But it doesn't seem to be doing anything! What am I missing?
Please become a member of OSTraining to reply to this post.

Deeper Parent Menu Problem 1 year 3 days ago #46296

  • daBro
  • daBro's Avatar
  • OFFLINE
  • OSTar
  • Posts: 120
  • Karma: 0
Hi Jackibar

Are your two paths different?

For the background url- as in forward slashes=? one example has one forward slash, the other has two...

Or is it a combination of my head and eyes forming a committee to send me 'round the bend?

Cheers

daBro
Please become a member of OSTraining to reply to this post.

Deeper Parent Menu Problem 1 year 3 days ago #46299

  • jackibar
  • jackibar's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 509
  • Karma: 0
Thanks for seeing that, daBro! I just checked (since I'd copied and pasted that code!) - and it's correct in my template - just got an extra / added in this post somehow...
Please become a member of OSTraining to reply to this post.

Deeper Parent Menu Problem 1 year 3 days ago #46309

  • edandrea
  • edandrea's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 3106
  • Thank you received: 7
  • Karma: 0
Hi Jackibar,

I can't tell from this if the problem is solved or not. Are you still having problems?

Let us know if it's fixed or not.

Thanks
Ed
Please become a member of OSTraining to reply to this post.

Deeper Parent Menu Problem 1 year 3 days ago #46318

  • jackibar
  • jackibar's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 509
  • Karma: 0
No it's not fixed! I don't know how to change the CSS to make it work...
Please become a member of OSTraining to reply to this post.

Deeper Parent Menu Problem 1 year 3 days ago #46372

  • tessa
  • tessa's Avatar
  • OFFLINE
  • Moderator
  • Posts: 3946
  • Thank you received: 134
  • Karma: 9
Hi Jackie,

I just read through your code and it looks like a minor adjustment in the template file.
Let me know if this helps you.
<ul class="menu">
<li class="item-101">
<li class="item-107 active deeper parent">
<a href="/index.php/locations">Locations</a>
<ul>
<li class="item-164 [b][color=red]current[/color][/b] active deeper parent">
<a href="/index.php/locations/massachusetts">Massachusetts</a>
<ul>
<li class="item-165 current active">
<a href="/index.php/locations/massachusetts/boston">Boston</a>
</li>
</ul>
</li>
<li class="item-105 parent">
<li class="item-166 parent">
<li class="item-106 parent">
<li class="item-104 parent">
Warm Regards,

Tessa Mero



Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

Deeper Parent Menu Problem 1 year 3 days ago #46398

  • thanh
  • thanh's Avatar
  • OFFLINE
  • Administrator
  • Posts: 32
  • Thank you received: 3
  • Karma: 1
Hi Jackibar,

Your first solution is correct.
ul.menu li.active.deeper.parent ul li {
background: url('/../images/indent1.png') no-repeat left center;
}
It can show squares however they are hided in texts.
You also should change
ul.menu li.current.active.deeper.parent ul li a
to
ul.menu li.active.deeper.parent ul li a
To make align left to texts to see squares

Regards,
Thanh
Please become a member of OSTraining to reply to this post.

Deeper Parent Menu Problem 1 year 2 days ago #46498

  • jackibar
  • jackibar's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 509
  • Karma: 0
THANKS, Thanh - That was the problem!
Please become a member of OSTraining to reply to this post.

Deeper Parent Menu Problem 1 year 2 days ago #46534

  • edandrea
  • edandrea's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 3106
  • Thank you received: 7
  • Karma: 0
On behalf of Thanh, you are welcome, Jacki.

Thanh is a really great resource and is an expert programmer. Thanks to you to Thanh, as well.

Cheers,
Ed
Please become a member of OSTraining to reply to this post.

Sign Up for OSTraining

Powered by Kunena Forum

Open Source Training is not affiliated with or endorsed by the Joomla, WordPress or Drupal projects.
All product names and trademarks are the property of their respective owners.

Copyright 2013 Open Source Training, LLC. All rights reserved.