It wold be nice if for the fluid media query there was a YOURTHEME-alpha-default-fluid.css file that would load. I realize that I could put the css in global.css, but there are times when I only need styles loaded for the fluid layout (which I use for mobile almost exclusively), that aren't needed in any other width specific css files.

Comments

ANDiTKO’s picture

ANDiTKO CreditAttribution: ANDiTKO commented
Status: Active » Needs review

Hello,

Enable the Media Queries plugin from the theme settings. Now if you inspect your body element you will see a new class added like
<body class="responsive-layout-fluid">.

Then select your element like this:

body.responsive-layout-fluid .my-class {
  my style ....
{
mohan_kumar29’s picture

mohan_kumar29 CreditAttribution: mohan_kumar29 commented

Hi,

Yes enable the Media Queries plugin from the theme settings. Now if you inspect your body element you will see a new class added like
.

Also following is your css look like..

body.responsive-layout-fluid .my-class {
Here place your styles....
{

apaderno’s picture

apaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
CreditAttribution: apaderno as a volunteer commented
Component: Feature Request » Code
Issue summary: View changes
Status: Needs review » Active