Docs

[Nina M]

Hi,
The spacing of elements on my essential grid skin (title, excerpt, etc.) gets a little wonky on cell phone/tablet devices. I was given this code:
@media (max-width: 797px) {
.essentialgridclasshere {
//CSS adjustments here
}
}
to try but I’m sorry – I don’t really understand how to use it.

I tried adding ‘padding: 20px’ for css adjustments -not sure if that’s on the right track – it didn’t work. I didn’t know what to add for essential grid class –

any help would be great!

Login below in reply.

[Nina M]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media screen and (max-width: 500px){
.eg-mia-vanburen-element-15, .eg-mia-vanburen-element-16, .eg-mia-vanburen-element-17 {
    line-height: 20px !important;
    padding: 0 !important;
}
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Nina M]

You guys are awesome! Always so helpful – every time. I appreciate ya’ll so much!

[Jade]

You’re most welcome, Nina.

[Author]

Posts