CMS Development

dmsacco1011
Participante

Inline Media Query Alternatives.

I'd like to create a mobile and a desktop footer and the media queries I have set up work everywhere but Gmail and the Gmail app. I'm told only inline will work for gmail, but I am not sure what the inline code would be for something like:

 

@media (max-width:499px)

.adventures {
display: none !important;
visibility: hidden !important;

}

0 Me gusta
4 Respuestas 4
DanielSanchez
Asesor destacado | Partner nivel Platinum
Asesor destacado | Partner nivel Platinum

Inline Media Query Alternatives.

Hi @dmsacco1011 

 

Inline is the code to style direct in HTML tag, not in a stylesheet doc.

 

Example of inline CSS:

<h1 style="color:#d00;">Text</h1>

 

Did this post help solve your problem? If so, please mark it as a solution.

Best regards!

 

0 Me gusta
dmsacco1011
Participante

Inline Media Query Alternatives.

Right. I am wondering if there is an inline CSS that is dependant on the screen size of the device the way you can in a style sheet.

0 Me gusta
DanielSanchez
Asesor destacado | Partner nivel Platinum
Asesor destacado | Partner nivel Platinum

Inline Media Query Alternatives.

Hi @dmsacco1011 ,

 

For email templates (u cited gmail in topic), the less CSS you use the better it will be.

 

My email templates i use "width:600px" for content.  If you want can use "max-width:100%" to not to exceed screen width.

 

For pages and blog template u can use the @media mencioned in your question, for customization based in screen.

 

Did this post help solve your problem? If so, please mark it as a solution.

Best regards!

jennysowyrda
Administrador de la comunidad
Administrador de la comunidad

Inline Media Query Alternatives.

Hi @dmsacco1011,

 

Are you still looking for assistance with this matter? If so, can you please share a link to your website you are working on, and what within your footer isn't working? 

 

The more information, screenshots and details you can provide, the better the Community can assist!

 

Thank you,
Jenny

0 Me gusta