Docs

[Jayd K]

Good afternoon,

I was wondering if you could help me?

I have created a homepage with Essential Grid – I am loving this plugin, it has so much finesse.
However, on mobile the font size is too large and is not responsive/limiting to the size of each individual grid.
I know I won’t get the same size on mobile as I will the desktop, but id there a way to make it smaller for tablets/mobile devices? Other than this it works great straight out of the box!

Please see below for what I am referring to. Many thanks. The url is http://www.jaydkent.com

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 480px){
    .eg-essential-preview-element-1,
    .esg-center .eg-essential-preview-element-0,
    .esg-center .eg-essential-preview-element-0:hover {
        font-size: 10px !important;
    }
}

Hope it helps 🙂

[Jayd K]

Hi there,

That’s great, so much better! Much appreciated!

[Thai]

If you need anything else please let us know.

[Author]

Posts