- This topic is empty.
January 31, 2013 at 11:52 am #34003
Hi. I’m following a tutorial found here: https://css-tricks.com/resolution-specific-stylesheets/
I added this snippet to my header:Paulie_DMember
We’ll need to see the link to your site but at a guess, you have other stylesheets linked after the ‘small.css’ which are overriding that one
Or perhaps you did you not include the full snippet or perhaps you didn’t add the full snippet for all stylesheets?January 31, 2013 at 12:00 pm #122919January 31, 2013 at 12:04 pm #122921
Ok so the width specific stylesheets should go before the main stylesheet in the header?January 31, 2013 at 12:21 pm #122926
Sorry – this is the code I have in the header:January 31, 2013 at 12:22 pm #122927January 31, 2013 at 12:22 pm #122928Paulie_DMember
What do you mean by main stylesheet?
You seemed to indicate that you wanted specific viewport widths to receive specific stylesheets is that not the case?
In any case, this looks to be a WP site and I suspect that any advice I could give in that regard is likely to be wrong.January 31, 2013 at 12:30 pm #122930
Sorry for the confusion. Let me try to explain more clearly.
If I put the (max-width: 640px) code in my header _after_ the “style.css” (or my main stylesheet) it applies the styles from the max-width:640px stylesheet to all screensizes instead of just to screens that are 640px or less.
Does that make sense?January 31, 2013 at 12:31 pm #122931
If I put the (max-width: 640px) code in my header _before_ the “style.css” (or my main stylesheet) it doesn’t apply the styles from the max-width:640px stylesheet at all to any screens.AuthorPostsViewing 9 posts - 1 through 9 (of 9 total)
- The forum ‘CSS’ is closed to new topics and replies.