Hi,
I started making my own wordpress theme today, the thing is i want it to be responsive. But whenever i put more styles in my heading it still only responds to one css file.
This is my code:
<link rel="stylesheet" media="screen and (min-device-width: 1024px) and (max-device-width: 1439px)" href="<?php bloginfo('template_directory'); ?>/tablets.css" />
<link rel="stylesheet" media="screen and (max-device-width: 1024px)" href="<?php bloginfo('template_directory'); ?>/mobile.css" />
<link rel="stylesheet" media="screen and (min-device-width: 1440px)" href="<?php bloginfo('template_directory'); ?>/wide.css" />
I also just recently started to make my very first wp theme.
The code that would make my theme responsive just takes up a few lines,
so I just placed it in the same style.css, so I just have one stylesheet.
I don't know if that's a good idea but it works for me.
Hi, I started making my own wordpress theme today, the thing is i want it to be responsive. But whenever i put more styles in my heading it still only responds to one css file.
This is my code:
Try changing your second entry from max to min as max always takes priority when you're working with media queries.
I also just recently started to make my very first wp theme.
The code that would make my theme responsive just takes up a few lines, so I just placed it in the same style.css, so I just have one stylesheet. I don't know if that's a good idea but it works for me.