Solved

Can I create a two-column header menu in the Debut theme?

mekristinern
Tourist
32 0 1

1000049656.jpg

1000049657.jpg

  is it possible to have 2 columns menu on the header? I would like to keep the products link (meat, dairy, produce...) under the main menu link. I'm using debut theme. Hoping for a response. Thank you 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
7546 1454 1452

This is an accepted solution.

Hi @mekristinern 

You can do that by adding this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
@media (min-width: 768px) {
.site-header .site-nav {
max-width: 670px;
margin: 25px auto;
}
}
</style>

- 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 8 (8)

Dan-From-Ryviu
Shopify Partner
7546 1454 1452

Hi @mekristinern 

I'm Dan from Ryviu: Product Reviews & QA app.

Could you share your store URL and password protection if it has one so I can check and give you the code to do that?

 

Best Regards,

Dan

- 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

mekristinern
Tourist
32 0 1

here's my preview link: https://zdbrplwkyh33agle-52891713733.shopifypreview.com

thank you for taking the time to check

Dan-From-Ryviu
Shopify Partner
7546 1454 1452

This is an accepted solution.

Hi @mekristinern 

You can do that by adding this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
@media (min-width: 768px) {
.site-header .site-nav {
max-width: 670px;
margin: 25px auto;
}
}
</style>

- 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

mekristinern
Tourist
32 0 1

It worked! Thank you for helping!

mekristinern
Tourist
32 0 1

@Dan-From-Ryviu hi! I'm sorry for bothering you but i would like to ask for another help, i added another item on the menu link and now the "contacts" went down with the products list. How do i make it go back up with the main menu list? 

1000049978.png

 here's my preview link: https://5clji4qpt4zvwv3l-52891713733.shopifypreview.com

Dan-From-Ryviu
Shopify Partner
7546 1454 1452

Hi @mekristinern 

Please provide preview link again, the previous one is expired

 

- 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

mekristinern
Tourist
32 0 1

Thank you @Dan-From-Ryviu . I decided to delete it and keep the code you previously provided. Thanks again for your help

Dan-From-Ryviu
Shopify Partner
7546 1454 1452

Very welcome

- 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