Site layout on Desktop vs Mobile

[andyvnguyen97]

Hello.

I added this code to my website https://yourcollegeblog.com/

.x-main.left {
padding-right: 125px;
}

Because I like the white space here:

However, on mobile, the code adds way too much white space.

Is there a way I can apply this code only to desktop viewers?

Thanks!

[ruenel]

Hello @andyvnguyen97,

Thanks for writing in!

To resolve your issue, simply update your custom css and make use of this code instead:

@media(min-width: 980px){
  .x-main.left {
    padding-right: 125px;
  }
}

With the code above, you padding will only be implemented in desktop screens.

Hope this helps. Please let us know how it goes.

[andyvnguyen97]

Awesome, thank you so much.

[jade]

You’re most welcome, Andy.