Changing site width when on mobile

Support
#1

Hey X Theme!

I recently realized that when I visit my home page on mobile, the buttons I have for the grid no longer show because I set my site width at 72% padding, max.

However, that means when I’m on mobile, it’s not viewable.

Is there a way I can adjust my site width padding to 0% if you’re on mobile so they can see the buttons?

Thanks!

#2

Hi there,

You have this code added to The Grid CSS style:

#grid-12189 {
    margin-left: 200px;
    margin-right: 200px;
}

Try updating it to:

@media (min-width: 481px) {
    #grid-12189 {
        margin-left: 200px;
        margin-right: 200px;
    }
}

Here are some related links for further reading:

Hope this helps.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.