Essential grid meta box text not changing on mobile

[deanrix]

HI there,

I have read a previous post on how to change font size for ess grid in css and tried:
.ess-grd*
It allowed me to contral the title box in ess grid…however not the custom meta box font size in the grid for mobile view.

What is the css I should be using to control a meta box within the esstential grid.

Regards
Dean

[paul.r]

Hi Dean,

Can you provide us the url of the page where we can see your grid.

Basically you can use @media query to adjust the font of an element in mobile.

For example, add this code in Theme Options > CSS

@media(max-width:767px) {
.eg-adams-element-0 {
    font-size:12px !important;
}
}

Replace .eg-adams-element-0 with your element’s class, it can be found here

Hope that helps