How to Increase Space Between Main Menu and Product Only on Desktop?

https://charmente.com/products/long-sleeve-flared-bodysuit

I only want to increase the space between the main menu and the product on desktop. The spacing is how I want it for mobile. Thank you!

Hello @Simon159

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.product.product--small { margin-top: 25px; }

Go to Online store > Themes > Edit code > open theme.liquid, add this code below after

{%- if template.name == 'product' -%}

{%- endif -%}