How do I fix submenu alignment and click issues?

Shopify Discussion
,
1

Hello, I was wondering if anyone knows how to fix this issue? Everytime when I add a subcategory I am always unable to click it and it’s misaligned. Can someone fix this for me, please? Thank you! @LitExtension

annaldoj_0-1659725522110.png
annaldoj_0-1659725522110.png696×300 49.1 KB

2

Hi this is a simple example of what the CSS should look like. Try plugging in some of these values and hopefully you can get things working.

.category-header { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }

category-title { font-weight: bold; }

.category-links { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }

.category-links a { text-decoration: none; color: black; }

.category-links a:hover { text-decoration: underline; }

3

Hello, thank you, one question where do I add this in the code? Base.css? or liquid?

4

The base.css file. The classes will be different but the general idea is there. If you need additional help feel free to email me and we can schedule some time to get this fixed for you. Good luck!

5

Hi @synth_lj ,

Did you solve it?

6

Hello, I was not able to. I tried adding the code above but it did not do anything, thank you

7

Hi @synth_lj ,

Please send your site and if your site is password protected, please send me the password. I will check it.

8

Hi @synth_lj ,

Go to Assets > base.css and paste this at the bottom of the file:

.header__inline-menu .header__submenu.list-menu {
    left: auto !important;
}

Hope it helps!