How do you align submenu categories in the Debut theme?

Technical Q&A
1

Does anyone know how I can align these submenu categories as shown in the picture below?

Screenshot 2022-06-15 22.37.28.png
Screenshot 2022-06-15 22.37.28.png1920Ă—1080 540 KB

2

@alyreneeco

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

@alyreneeco

The picture is a bit confusing. Do you want to align them to the “more” text?

4

My URL is alyreneeco.com

5

Sorry about that, I was demonstrating how the left side is all aligned versus the right. I’m wanting the “Shop” to be aligned with the “Contact” where they are.

6

@alyreneeco , no problems. You can do this:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
@media (min-width: 750px){
    .site-nav__dropdown li{
        width: 40% !important;
    }
}

Kind regards,
Diego

7

@alyreneeco

can you please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.site-nav__dropdown li {width: 50%;}
8

Hi @alyreneeco

add this style to theme.css

.site-nav__dropdown li{
    width: 50%;
}