Docs

[Nuera]

I have an Essential Grid layout I’ve created at http://fenetex.nueramarketing.com/. It looks perfect on desktop and tablet, but on mobile the text is just too large.

Is there a way to automatically scale the text down on mobile, similar to Revolution Slider?

Thanks 🙂

[Jade]

Hi there,

You can add this under Custom > CSS in the Customizer.

@media (max-width: 797px) {
    .esg-grid * {
        font-size: 28px !important;
        padding-left: 0 !important;
        line-height: 28px !important;
    }
}

Hope this helps.

[Nuera]

That works, now I just need to center the text in that space.

I tried a couple alignment/margin settings, but they didn’t seem to affect it.

Thanks!

[Rupok]

Hi there,

Kindly update your code to following :

@media (max-width: 797px) {
.esg-grid * {
    font-size: 28px !important;
    line-height: 28px !important;
    padding-left: 0 !important;
    text-align: center;
}

.esg-cc .esg-center {
  padding: 200px 0;
}
}

Hope this helps.

[Nuera]

Perfection! Thanks 😀

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[sebagc]

Hi!
I had the same problem, and could solve it with this code.
Can you help me also with alignment for the button text?
When on mobile, it goes to the left. I would like to have it centered.

Thank you very much in advance!

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[sebagc]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Hope this helps. Kindly let us know.

[sebagc]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (max-width:767px){
.esg-bc.eec a {
    display: inline-block !important;
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
}
}

Hope that helps.

[sebagc]

thank you very much!!!

[Joao]

You are welcome 🙂

Let us know if we can help with anything else.

Joao

[sebagc]

Hi Joao!
Can you help me also with the Title Font Size when in mobile?
It doesn’t seam to get smaller.

Thank you very much!!!
Best Regards!
Sebastian

[Author]

Posts