[css-d] keeping submenu open when parent is 'current'
I managed to get a dropline menu working in WordPress, but the submenu won't stay open: http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-products/small-apartment-package/ If you hover the red main menu item, you'll see the dropline menu. I'd like that to be open always when it's parent is current, or when one of the items in the dropline menu is current. Help? -- Debbie Campbell www.redkitecreative.com --- This email is free from viruses and malware because avast! Antivirus protection is active. http://www.avast.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
Can't inspect on my phone (that would be nice, huh?) but I'll take a stab at it. Is the element triggered on hover wrapping the menu items? On Friday, August 1, 2014, Debbie Campbell d...@redkitecreative.com wrote: I managed to get a dropline menu working in WordPress, but the submenu won't stay open: http://www.redkitecreative.com/dev/pestpro/bed-bug-heat- products/small-apartment-package/ If you hover the red main menu item, you'll see the dropline menu. I'd like that to be open always when it's parent is current, or when one of the items in the dropline menu is current. Help? -- Debbie Campbell www.redkitecreative.com --- This email is free from viruses and malware because avast! Antivirus protection is active. http://www.avast.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
Yes, ul.sub-menu is triggered on hover and wraps the dropline menu items... -- Debbie On 8/1/2014 10:50 AM, Tom Livingston wrote: Can't inspect on my phone (that would be nice, huh?) but I'll take a stab at it. Is the element triggered on hover wrapping the menu items? On Friday, August 1, 2014, Debbie Campbell d...@redkitecreative.com mailto:d...@redkitecreative.com wrote: I managed to get a dropline menu working in WordPress, but the submenu won't stay open: http://www.redkitecreative.__com/dev/pestpro/bed-bug-heat-__products/small-apartment-__package/ http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-products/small-apartment-package/ If you hover the red main menu item, you'll see the dropline menu. I'd like that to be open always when it's parent is current, or when one of the items in the dropline menu is current. Help? -- Debbie Campbell www.redkitecreative.com http://www.redkitecreative.com --- This email is free from viruses and malware because avast! Antivirus protection is active. http://www.avast.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/__mailman/listinfo/css-d http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.__com/ http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/__policies.html http://css-discuss.org/policies.html Supported by evolt.org http://evolt.org -- http://www.evolt.org/help___support_evolt/ http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com http://mlinc.com --- This email is free from viruses and malware because avast! Antivirus protection is active. http://www.avast.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
Howdy Debbie,
~~~
Friday, August 1, 2014, 11:46:50 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
If you hover the red main menu item, you'll see the dropline menu. I'd
like that to be open always when it's parent is current, or when one of
the items in the dropline menu is current. Help?
I know this isn't quite the answer you're looking for -- but. Since hover/click
isn't supported on many of the current mobile devices, I have stopped using
hover-activated drop-down menus - instead, a 'permanent' second menu bar when
required.
See www.wyomerc.com, then click on 'CUSTOM BOOK BOXES'.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Common sense is the least common of all the senses.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
Yes, I have a clickable mobile menu that's triggered by a media query,
this one's desktop-only.
--
Debbie
On 8/1/2014 10:59 AM, GJim wrote:
Howdy Debbie,
~~~
Friday, August 1, 2014, 11:46:50 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
If you hover the red main menu item, you'll see the dropline menu. I'd
like that to be open always when it's parent is current, or when one of
the items in the dropline menu is current. Help?
I know this isn't quite the answer you're looking for -- but. Since hover/click
isn't supported on many of the current mobile devices, I have stopped using
hover-activated drop-down menus - instead, a 'permanent' second menu bar when
required.
See www.wyomerc.com, then click on 'CUSTOM BOOK BOXES'.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Common sense is the least common of all the senses.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.com
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
Works in latest Chrome and FF for me. On Fri, Aug 1, 2014 at 12:46 PM, Debbie Campbell d...@redkitecreative.com wrote: I managed to get a dropline menu working in WordPress, but the submenu won't stay open: http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-products/small-apartment-package/ If you hover the red main menu item, you'll see the dropline menu. I'd like that to be open always when it's parent is current, or when one of the items in the dropline menu is current. Help? -- Debbie Campbell www.redkitecreative.com --- This email is free from viruses and malware because avast! Antivirus protection is active. http://www.avast.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
It only appears on hover for me in the latest Chrome/FF.. -- Debbie On 8/1/2014 11:13 AM, Tom Livingston wrote: Works in latest Chrome and FF for me. On Fri, Aug 1, 2014 at 12:46 PM, Debbie Campbell d...@redkitecreative.com wrote: I managed to get a dropline menu working in WordPress, but the submenu won't stay open: http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-products/small-apartment-package/ If you hover the red main menu item, you'll see the dropline menu. I'd like that to be open always when it's parent is current, or when one of the items in the dropline menu is current. Help? -- Debbie Campbell www.redkitecreative.com --- This email is free from viruses and malware because avast! Antivirus protection is active. http://www.avast.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ --- This email is free from viruses and malware because avast! Antivirus protection is active. http://www.avast.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
Hi Debbie,
If I understand you correctly, you want the sub menu to show when one those
pages are active, correct? Because you're using javascript for this, there
will be more considerations, but the basics of it is that you'll have to
target the sub-menu based on the page.
For example, the Small Apartment Package has the class `page-189` on the
body, and the menu item li has the class `menu-item-210`. In this
scenario, you would need something like:
.page-189 .menu-item-210 ul { display: block;}
Again, there are other considerations because you're showing/hiding with
javascript by adding inline styles (as opposed to adding classes and
dealing with the styling in a sheet), but this will hopefully get you
thinking along the right path.
Make sense?
Chris
Chris Rockwell
On Fri, Aug 1, 2014 at 1:13 PM, Tom Livingston tom...@gmail.com wrote:
Works in latest Chrome and FF for me.
On Fri, Aug 1, 2014 at 12:46 PM, Debbie Campbell
d...@redkitecreative.com wrote:
I managed to get a dropline menu working in WordPress, but the submenu
won't
stay open:
http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-products/small-apartment-package/
If you hover the red main menu item, you'll see the dropline menu. I'd
like
that to be open always when it's parent is current, or when one of the
items
in the dropline menu is current. Help?
--
Debbie Campbell
www.redkitecreative.com
---
This email is free from viruses and malware because avast! Antivirus
protection is active.
http://www.avast.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
I'm not at all opposed to removing the JS, it's kind of an artifact...
--
Debbie
On 8/1/2014 11:26 AM, Chris Rockwell wrote:
Hi Debbie,
If I understand you correctly, you want the sub menu to show when one
those pages are active, correct? Because you're using javascript for
this, there will be more considerations, but the basics of it is that
you'll have to target the sub-menu based on the page.
For example, the Small Apartment Package has the class `page-189` on
the body, and the menu item li has the class `menu-item-210`. In
this scenario, you would need something like:
.page-189 .menu-item-210 ul { display: block;}
Again, there are other considerations because you're showing/hiding with
javascript by adding inline styles (as opposed to adding classes and
dealing with the styling in a sheet), but this will hopefully get you
thinking along the right path.
Make sense?
Chris
Chris Rockwell
On Fri, Aug 1, 2014 at 1:13 PM, Tom Livingston tom...@gmail.com
mailto:tom...@gmail.com wrote:
Works in latest Chrome and FF for me.
On Fri, Aug 1, 2014 at 12:46 PM, Debbie Campbell
d...@redkitecreative.com mailto:d...@redkitecreative.com wrote:
I managed to get a dropline menu working in WordPress, but the
submenu won't
stay open:
http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-products/small-apartment-package/
If you hover the red main menu item, you'll see the dropline
menu. I'd like
that to be open always when it's parent is current, or when one
of the items
in the dropline menu is current. Help?
--
Debbie Campbell
www.redkitecreative.com http://www.redkitecreative.com
---
This email is free from viruses and malware because avast! Antivirus
protection is active.
http://www.avast.com
__
css-discuss [css-d@lists.css-discuss.org
mailto:css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org http://evolt.org --
http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 tel:518.456.3015x231 | fx: 518.456.4279
tel:518.456.4279 | mlinc.com http://mlinc.com
__
css-discuss [css-d@lists.css-discuss.org
mailto:css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org http://evolt.org --
http://www.evolt.org/help_support_evolt/
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
You may not need to Debbie, I just wanted to mention it. Why not add the
CSS I included to your stylesheet and see what happens on that specific
page? If nothing, add `!important` and check again. If that achieves your
desired effect, you can think about how best to refactor (like get rid of
the necessity for !important :)).
Chris Rockwell
On Fri, Aug 1, 2014 at 1:28 PM, Debbie Campbell d...@redkitecreative.com
wrote:
I'm not at all opposed to removing the JS, it's kind of an artifact...
--
Debbie
On 8/1/2014 11:26 AM, Chris Rockwell wrote:
Hi Debbie,
If I understand you correctly, you want the sub menu to show when one
those pages are active, correct? Because you're using javascript for
this, there will be more considerations, but the basics of it is that
you'll have to target the sub-menu based on the page.
For example, the Small Apartment Package has the class `page-189` on
the body, and the menu item li has the class `menu-item-210`. In
this scenario, you would need something like:
.page-189 .menu-item-210 ul { display: block;}
Again, there are other considerations because you're showing/hiding with
javascript by adding inline styles (as opposed to adding classes and
dealing with the styling in a sheet), but this will hopefully get you
thinking along the right path.
Make sense?
Chris
Chris Rockwell
On Fri, Aug 1, 2014 at 1:13 PM, Tom Livingston tom...@gmail.com
mailto:tom...@gmail.com wrote:
Works in latest Chrome and FF for me.
On Fri, Aug 1, 2014 at 12:46 PM, Debbie Campbell
d...@redkitecreative.com mailto:d...@redkitecreative.com wrote:
I managed to get a dropline menu working in WordPress, but the
submenu won't
stay open:
http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-
products/small-apartment-package/
If you hover the red main menu item, you'll see the dropline
menu. I'd like
that to be open always when it's parent is current, or when one
of the items
in the dropline menu is current. Help?
--
Debbie Campbell
www.redkitecreative.com http://www.redkitecreative.com
---
This email is free from viruses and malware because avast!
Antivirus
protection is active.
http://www.avast.com
__
css-discuss [css-d@lists.css-discuss.org
mailto:css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org http://evolt.org --
http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 tel:518.456.3015x231 | fx: 518.456.4279
tel:518.456.4279 | mlinc.com http://mlinc.com
__
css-discuss [css-d@lists.css-discuss.org
mailto:css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org http://evolt.org --
http://www.evolt.org/help_support_evolt/
---
This email is free from viruses and malware because avast! Antivirus
protection is active.
http://www.avast.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
You may not need to Debbie, I just wanted to mention it. Why not add the
CSS I included to your stylesheet and se
Chris Rockwell
I'm not at all opposed to removing the JS, it's kind of an artifact...
--
Debbie
On 8/1/2014 11:26 AM, Chris Rockwell wrote:
Hi Debbie,
If I understand you correctly, you want the sub menu to show when one
those pages are active, correct? Because you're using javascript for
this, there will be more considerations, but the basics of it is that
you'll have to target the sub-menu based on the page.
For example, the Small Apartment Package has the class `page-189` on
the body, and the menu item li has the class `menu-item-210`. In
this scenario, you would need something like:
.page-189 .menu-item-210 ul { display: block;}
Again, there are other considerations because you're showing/hiding with
javascript by adding inline styles (as opposed to adding classes and
dealing with the styling in a sheet), but this will hopefully get you
thinking along the right path.
Make sense?
Chris
Chris Rockwell
On Fri, Aug 1, 2014 at 1:13 PM, Tom Livingston tom...@gmail.com
mailto:tom...@gmail.com wrote:
Works in latest Chrome and FF for me.
On Fri, Aug 1, 2014 at 12:46 PM, Debbie Campbell
d...@redkitecreative.com mailto:d...@redkitecreative.com wrote:
I managed to get a dropline menu working in WordPress, but the
submenu won't
stay open:
http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-
products/small-apartment-package/
If you hover the red main menu item, you'll see the dropline
menu. I'd like
that to be open always when it's parent is current, or when one
of the items
in the dropline menu is current. Help?
--
Debbie Campbell
www.redkitecreative.com http://www.redkitecreative.com
---
This email is free from viruses and malware because avast! Antivirus
protection is active.
http://www.avast.com
__
css-discuss [css-d@lists.css-discuss.org
mailto:css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org http://evolt.org --
http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 tel:518.456.3015x231 | fx: 518.456.4279
tel:518.456.4279 | mlinc.com http://mlinc.com
__
css-discuss [css-d@lists.css-discuss.org
mailto:css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org http://evolt.org --
http://www.evolt.org/help_support_evolt/
---
This email is free from viruses and malware because avast! Antivirus
protection is active.
http://www.avast.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
On Fri, Aug 1, 2014 at 1:15 PM, Debbie Campbell d...@redkitecreative.com wrote: It only appears on hover for me in the latest Chrome/FF.. Sorry I misunderstood what you were after... -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
For example, the Small Apartment Package has the class `page-189` on
the body, and the menu item li has the class `menu-item-210`. In
this scenario, you would need something like:
.page-189 .menu-item-210 ul { display: block;}
Again, there are other considerations because you're showing/hiding with
javascript by adding inline styles (as opposed to adding classes and
dealing with the styling in a sheet), but this will hopefully get you
thinking along the right path.
Make sense?
Chris
Chris Rockwell
Along those lines, I'd opt for adding a class to the body (or a high
level wrapper) and adjust the styles of the menu to stay visible.
Changing the class per page.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
Okay, this works:
.page-189 .menu-item-210 ul { display: block !important;}
That points me in the right direction, but I'll probably still try to
get rid of the JS, it's not really needed.
I'll report back when I get a final fix, thank you!
--
Debbie
On 8/1/2014 11:51 AM, Tom Livingston wrote:
For example, the Small Apartment Package has the class `page-189` on
the body, and the menu item li has the class `menu-item-210`. In
this scenario, you would need something like:
.page-189 .menu-item-210 ul { display: block;}
Again, there are other considerations because you're showing/hiding with
javascript by adding inline styles (as opposed to adding classes and
dealing with the styling in a sheet), but this will hopefully get you
thinking along the right path.
Make sense?
Chris
Chris Rockwell
Along those lines, I'd opt for adding a class to the body (or a high
level wrapper) and adjust the styles of the menu to stay visible.
Changing the class per page.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
I think I got it!
.wrap li:hover ul,
.wrap li.current-menu-item ul,
.wrap li.current-menu-ancestor ul {
display: block !important;
left: 0;
padding: 0;
visibility: visible !important;
}
--
Debbie
On 8/1/2014 11:51 AM, Tom Livingston wrote:
For example, the Small Apartment Package has the class `page-189` on
the body, and the menu item li has the class `menu-item-210`. In
this scenario, you would need something like:
.page-189 .menu-item-210 ul { display: block;}
Again, there are other considerations because you're showing/hiding with
javascript by adding inline styles (as opposed to adding classes and
dealing with the styling in a sheet), but this will hopefully get you
thinking along the right path.
Make sense?
Chris
Chris Rockwell
Along those lines, I'd opt for adding a class to the body (or a high
level wrapper) and adjust the styles of the menu to stay visible.
Changing the class per page.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] keeping submenu open when parent is 'current'
Le 2 août 2014 à 01:46, Debbie Campbell d...@redkitecreative.com a écrit :
http://www.redkitecreative.com/dev/pestpro/bed-bug-heat-products/small-apartment-package/
If you hover the red main menu item, you'll see the dropline menu. I'd like
that to be open always when it's parent is current, or when one of the items
in the dropline menu is current. Help?
On an unrelated note: pity the keyboard user, as there is absolute no
indication which link has focus when she presses tab to go from link to link…
You suppress the default outline:
a:focus, a:hover, a:active {
outline: none;
}
but do not provide any alternative. :-(
Once you get that fixed, you should also check the positioning of that
dropline. Hovering over the second menu-button form the “home” page positions
that dropline correctly (flush left form the menubar), but accessing the same
button with the keyboard positions it to the right of the “home” button.
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
