Customizing Padding Only On Desktop

[TuneToyz]

Hello my website is tunetoyz.com password: tunetoyz123

Can someone please help me add padding here I only want it to change on desktop not pc this is located in the product page https://tunetoyz.com/products/carti

[devcoders]

Hello @TuneToyz 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css.
Add the provided code at the end of the file.

.collection {
margin-top: 5%;
}

[theycallmemakka · Accepted solution]

Hi @TuneToyz 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

{% if product %}
  <style>
    @media screen and (min-width: 749px) {
    main#MainContent {
        margin-top: 165px;
    }
}
  </style>
{% endif %}

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka