Media Query is not working

Highlighted
Regular Contributor

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.

Regards

1 Reply 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 Smiley Very Happy


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

 

Drop by and say Hi to me on slack.

Reply
0 Upvotes