Why does my Dawn theme dropdown menu look strange?

Store Design
, ,
1

Hey all, hoping someone can help me.

Added a sub menu under the “events” page called “catering” but when the dropdown occurs, it looks weird and there is a box around it. See images below.

Only thing I’ve done is added some custom css (code below) for uppercase, spacing and size - not sure if thats the issue or something else?

dekiv_0-1693217708491.png
dekiv_0-1693217708491.png1266×155 17.6 KB

.list-menu {
  text-transform: uppercase; 
  left: 0px;
  top: 30%;
  width: 100%; 
  justify-content: center;
}
.header__menu-item {
  font-size: 12px;
}
2

Hi @dekiv

Could you please provide your Store URL and Password too?

With Regards,
Dbuglab

3

Hey @dekiv

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

4

@Moeed

Sorry, here it is https://kuhl-cher-coffee.myshopify.com/pages/catering

Password: stewsa

5

@dbuglab

Sorry, here it is https://kuhl-cher-coffee.myshopify.com/pages/catering

Password: stewsa

6

Hey @dekiv

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1693220346405.png
Moeed_0-1693220346405.png1526×172 62 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
7

@Moeed thanks for your help.

Is there any way to not have that box around the “catering” when it drops down? Only to have it as the word.

8

Hey @dekiv

Remove the previous code ( If added ) and add this code

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1693221814359.png
Moeed_0-1693221814359.png1898×161 46 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
9

@Moeed Thank you! That worked

I might be missing something but its not possible to click on the “events” menu item anymore to take you to the events page? Once clicked, it only allows you to click on the dropdown for “catering”. Have I done something wrong here?

10

Hey @dekiv

This seems to be your theme issue because the code I provided has nothing to do with links.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed