How to change the margins of the product page for desktop only

Store Design
, , ,
1

Hi, how do I change the margins for the product page for the desktop only? I would like to increase the top margin by 60 px. I do not have a theme.scss.liquid, only a styles.css.liquid. My website is www.luxoptions.com and I have a third party theme. Thanks for any help you can provide.

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >styles.css and paste this at the bottom of the file:
div#shopify-section-template--16989919969572__main {
margin-top: 60px;
}

ZestardTech_0-1670226470435.png
ZestardTech_0-1670226470435.png1829×751 141 KB

3

this is changing the margins on the mobile product page as well. I want it to change on only the desktop version

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >styles.css and paste this at the bottom of the file:
@media (min-width: 768px) {
div#shopify-section-template--16989919969572__main {
margin-top: 60px;
}
}