Hola! ¡Tenemos nuestra Comunidad en Español!

Media Query is not working

Colaborador habitual

Hi Good Afternoon


I am working on my mobile model but the styles that I add in a media query is not working this styles modify the desktop model and I don´t know why. 


For example: I have add this:


@media screen and (min-width:768px) {

.padding_tit3 {
        padding-top: 100px;




But modify the style in desktop and not in mobile.


What could be causing me not to take the average query?

This is my page: https://www.inbest.cloud/desarrollo-en-la-nube


This is the link where is my template and css: https://app.hubspot.com/design-manager/491090/code/5935268707


I remain to your comments.


1 Respuesta 1
Top Advisor | Gold Partner

Hi @Janette

You want the max-width property instead of the min-width. min-width will target devices less than the width you specify, while min-width will target devices larger than the size you specify:

@media screen and (max-width:768px) {
.padding_tit3 {
        padding-top: 100px;


If this answer helped, please, mark as solved Emoticono muy feliz

tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.


Drop by and say Hi to me on slack.

0 Me gusta