- This topic is empty.
-
AuthorPosts
-
January 31, 2013 at 11:52 am #34003frankbMember
Hi. I’m following a tutorial found here: https://css-tricks.com/resolution-specific-stylesheets/
I added this snippet to my header:
Paulie_DMemberWe’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 #122919frankbMemberSure thing: http://www.honeysucklelife.com/
January 31, 2013 at 12:04 pm #122921frankbMemberOk so the width specific stylesheets should go before the main stylesheet in the header?
January 31, 2013 at 12:21 pm #122926frankbMemberSorry – this is the code I have in the header:
January 31, 2013 at 12:22 pm #122927frankbMemberJanuary 31, 2013 at 12:22 pm #122928Paulie_DMemberWhat 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 #122930frankbMemberSorry 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 #122931frankbMemberIf 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.