Solved

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

Simon159
Explorer
109 0 21

Screenshot 2023-12-28 at 1.51.39 AM.png

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!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7532 1454 1451

This is an accepted solution.

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

{%- if template.name == 'product' -%}
<style>
@media (min-width: 990px) {
#MainContent {
margin-top: 40px !important;
}
}
</style>
{%- endif -%}

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 2 (2)

techlyser_web
Shopify Partner
1410 263 278

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 </body> on theme.liquid


<style>

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

</style>

 

techlyser_web_1-1703746817546.png

 

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

Dan-From-Ryviu
Shopify Partner
7532 1454 1451

This is an accepted solution.

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

{%- if template.name == 'product' -%}
<style>
@media (min-width: 990px) {
#MainContent {
margin-top: 40px !important;
}
}
</style>
{%- endif -%}

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now