Docs

[newskywebsites]

Hi folks,

I’m trying to get the Title text in an Essential Grid to adjust to a smaller size on smaller screens. I tried the CSS found here but it didn’t work: https://community.theme.co/forums/topic/essential-grid-responsive-text/

I’m trying to adjust the Title Text on this home page grid with different services: http://advlawn.temp-website.us/
My goal is to have the “Lawn Care, Lawn Fertilizing, Landscaping, Snow Removal” text to stay on one line, regardless of the screen size.

I’m using latest version of WP, X with child (Renew), latest Cornerstone and all plugins are updated.

Thanks!!
Dawn

[Rupok]

Hi Dawn,

Thanks for writing in! You can use media query to control font-size. Let’s add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 480px) {
.home #x-section-1 .eg-advlawn-element-0 {
	font-size: 16px !important;
}
}

Hope this helps.

[newskywebsites]

I’m sorry to report that this code didn’t make any changes to the site after clearing my cache… See here: http://screencast-o-matic.com/watch/cbn6Il61tP

Do you see responsive text in the Ess Grid from your end? Here is url again: http://advlawn.temp-website.us/

Thanks!
Dawn

[Nabeel A]

Hi Dawn,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[newskywebsites]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in and for providing the information. Please have the given css code updated and make use of this code instead:

.home #x-section-1 .eg-advlawn-element-0 {
	font-size: calc( 12px + 0.5vw) !important;
}

We would loved to know if this has work for you. Thank you.

[newskywebsites]

That did the trick! Thanks so much!!
dawn

[Rahul]

Glad we were able to help you.

Let us know if we can help with anything else.

Thank you. 🙂

[Author]

Posts