Media Query is not working

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:


This is the link where is my template and css:


I remain to your comments.


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 | | Design your own Beautiful HubSpot Forms; No coding necessary.


Drop by and say Hi to me on slack.