Re: [css-d] help with responsive menu dropdown

2015-05-21 Thread Chris Kavinsky 
Oh crap. I completely overlooked that. That solved the problem. Thanks
Philippe.

On Thu, May 21, 2015 at 12:24 AM, Philippe Wittenbergh e...@l-c-n.com
wrote:


  Le 21 mai 2015 à 04:06, Chris Kavinsky ckavin...@gmail.com a écrit :
 
  I'm trying to retrofit an existing site that's using a horizontal
  navigation menu with dropdowns. The problem I'm having is getting the
 menu
  to appear on:click when the screen size is smaller. Its doing it entirely
  using css. I created a static version before moving it to the wordpress
  site, and it worked there. However, its not working on wordpress. Does
  anything jump out to anyone as to what the problem is?
 
  here's the model I grabbed the css code from:
 
  http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly
 
  here's the live site I'm working on:
 
  http://www.aircompressors.com/

 Your “button”-link points to a #nav as target. However there is no element
 with id=nav in your code, that I could find. Do you mean to point to the
 element with ID=primary-navigation? if so, you should correct the “href” in
 your button link to point to that (a href=primary-navigation), and then
 make sure your stylesheet references that.

 #primary-navigation:target { /* do something */ }

 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/

[css-d] help with responsive menu dropdown

2015-05-20 Thread Chris Kavinsky 
I'm trying to retrofit an existing site that's using a horizontal
navigation menu with dropdowns. The problem I'm having is getting the menu
to appear on:click when the screen size is smaller. Its doing it entirely
using css. I created a static version before moving it to the wordpress
site, and it worked there. However, its not working on wordpress. Does
anything jump out to anyone as to what the problem is?

here's the model I grabbed the css code from:

http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly

here's the live site I'm working on:

http://www.aircompressors.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] help with responsive menu dropdown

2015-05-20 Thread Karl DeSaulniers 
Don't know if this will help, but the touch on your scrolling banner works. I 
can scroll to the next banner on my iPhone. Maybe look at that code to see how 
the touch is handled and repurpose some code?

HTH,
Best,
Karl

Sent from losPhone

 On May 20, 2015, at 2:06 PM, Chris Kavinsky ckavin...@gmail.com wrote:
 
 I'm trying to retrofit an existing site that's using a horizontal
 navigation menu with dropdowns. The problem I'm having is getting the menu
 to appear on:click when the screen size is smaller. Its doing it entirely
 using css. I created a static version before moving it to the wordpress
 site, and it worked there. However, its not working on wordpress. Does
 anything jump out to anyone as to what the problem is?
 
 here's the model I grabbed the css code from:
 
 http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly
 
 here's the live site I'm working on:
 
 http://www.aircompressors.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] help with responsive menu dropdown

2015-05-20 Thread Philippe Wittenbergh 

 Le 21 mai 2015 à 04:06, Chris Kavinsky ckavin...@gmail.com a écrit :
 
 I'm trying to retrofit an existing site that's using a horizontal
 navigation menu with dropdowns. The problem I'm having is getting the menu
 to appear on:click when the screen size is smaller. Its doing it entirely
 using css. I created a static version before moving it to the wordpress
 site, and it worked there. However, its not working on wordpress. Does
 anything jump out to anyone as to what the problem is?
 
 here's the model I grabbed the css code from:
 
 http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly
 
 here's the live site I'm working on:
 
 http://www.aircompressors.com/

Your “button”-link points to a #nav as target. However there is no element with 
id=nav in your code, that I could find. Do you mean to point to the element 
with ID=primary-navigation? if so, you should correct the “href” in your button 
link to point to that (a href=primary-navigation), and then make sure your 
stylesheet references that.

#primary-navigation:target { /* do something */ }

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/