Navigation Drop Down Menu Alignment Debut Theme

Hello,

I’m trying to get the drop down menu items to align all to the left. At present that are not aligned. See screenshot. www.dreamlandorganics.com

Hi @Dreamland_Dave ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.site-nav__childlist {
    padding-left: 0;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

@AvadaCommerce Unfortunately, that did not work. When you click “shop”, I want all the collections to be aligned to the left and go down in a straight line. After entering that code, nothing happed. The list of items still appears as is in the screenshot.

1 Like

@Dreamland_Dave

can you pleasure your idea look?

now i can all left

I’m not sure what you are asking?

I want the drop down all to the left like this..

Organic Hemp Flower

Hemp Flower Finder

CBD Salves, CBD Oils and CBD Tinctures

CBD Concentrates

All the items to the left

@Dreamland_Dave

Do you mean like this?

Hi @Dreamland_Dave ,

I am Ani From https://www.task4store.com/ - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

Here are the Solutions!

Go to Online Store->Theme->Edit code

Asset->/theme.css ->paste the below code at the bottom of the file.

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

If you have any concerns feel free to ask me!

Regards,
Ani

1 Like

Yes, this worked perfectly. Thanks for the code!