[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/

[css-d] Width for background image width

2015-05-20 Thread Crest Christopher 
Background-size, or bg:cover won't cause a background graphic to be the 
actual width of the graphic, instead {width} works, can this be used on 
a background image ?

__
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/

Re: [css-d] Width for background image width

2015-05-20 Thread Karl DeSaulniers 
Try one of these Chris.

background-size: 100% auto; //Full width proportionate height (gets cut off by 
size of container)
background-size: 100% 100%; full width and height (stretchy)
background-size: auto 100%; //Full height proportional width (gets cut off by 
size of container)

HTH,

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com



On May 21, 2015, at 12:22 AM, Crest Christopher crestchristop...@gmail.com 
wrote:

 Background-size, or bg:cover won't cause a background graphic to be the 
 actual width of the graphic, instead {width} works, can this be used on a 
 background image ?
 __
 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/