Responsive – Different stylesheets depending on screen size

17th March 2015

CSS

When the screen size is mobile then use the mobile stylesheet!


<link rel="stylesheet" media="screen and (min-device-width: 800px)" href="my800.css" />
<link rel="stylesheet" media="screen and (min-device-width: 1200px)" href="my1200.css" />

Was this code snippet helpful?

Exclude category from blog while adding them to sitemap.xml

What Router can I use with Onestream Broadband?

Firefox 113 (2023) Tabs on top/bottom not working fixed again

Disable buying – Woocommerce

Responsive – Different stylesheets depending on screen size

CSS

Was this code snippet helpful?

Exclude category from blog while adding them to sitemap.xml

What Router can I use with Onestream Broadband?

Firefox 113 (2023) Tabs on top/bottom not working fixed again

Disable buying – Woocommerce

Windows Desktop Wallpaper Background for OCD users with shelves

Featured Image Admin Thumb – Working Plugin (WordPress 6.2)

Create a gallery in a Posts page

Clickable elements too close together – Solved

Best ChatGPT Prompts

Make Elementor Accordion Closed by Default

noindex a specific page in WordPress using functions file

A random number picker that picks 6 numbers from 1 to 49 but only once

Sticky header – Logo smaller and adds border on scroll

Editor Only CSS – Elementor Sticky Header

Change Woocommerce Dropdowns to Radio Buttons

Get character count of a string saved in database – html_entity_decode not working

How to check if a checkbox has been ticked in Jquery

Firefox 89-100 (2022) Tabs on top/bottom not working fixed again

Slash canonicalization at the end of the URL – htaccess

Elementor json template files not uploading

Multiple featured images for blog posts

Autostart Browser in Kiosk Mode – Raspberry Pi 4 Terminal Command

Open Chromium full screen -Raspberry Pi (Kiosk mode)

Populate dropdown with data from database

Latest Snippets