Dropdown menu opening in header

Shopify Discussion
1

Greetings,

I’m fairly new to shopify dev. Been working on my own store but there’s something i can’t seem to figure out.

Everytime i select the dropdown menu it opens in the header instead of going down.

what’s optimal if the menu drops on the image instead of enlarging the header.

Anyone might know where to start ? ( already looked at all the theme and header settings )

Thank you in advance

Screen Shot 2024-06-24 at 10.20.19 PM.png
Screen Shot 2024-06-24 at 10.20.19 PM.png1435×790 166 KB

2

Hi @AK666 , thank you for posting here! Can you share me your URL of your store? So I can check your problem easier and solve it immediately !!!

3

https://illumimodern.com/ here!

4

Thank you !

5

Add This css in your edit Code > base.css File

header-menu ul.header__submenu.list-menu {
    position: absolute;
}

Rajwebdesigner_1-1719293242978.png
Rajwebdesigner_1-1719293242978.png1901×494 148 KB

6

Hi @AK666 , you can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
header-menu ul.header__submenu.list-menu {
    position: absolute;
}

If my answers works for your website, please mark it as a SOLUTION. Let me know if you have any further questions

7

Hi - I am having this issue on Dawn however the solution didn’t work - is anyone able to advise? Many thanks!