Customize sub menu

Support
#1

Here is a page on my website which i want to change.

the problem is that the submenu doesnt open and if i open it with some css than it is not according to the main menu. it opens with align left but it must be center like the mainmenu.

the area in my global css is empty. can you please tell me what should i do?

thanks

here is my website: www.quick-tec.de/startseite

#2

Hi There,

I was unable to access that page.

Could you please double check?

Thank you.

#3

excuse me the adress is: https://quick-tec.de/pc-reparatur-startseite

#4

Hi there,

There are some JS errors that seems to be stopping the sub menu to work. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

#5

i have updates the site. thank you realy for your tipp :slight_smile: now maybe you can help me to get the submenus similar to mainmenu. thanks

#6

Hi there,

Please try this code in the global CSS:

.x-navbar .desktop .sub-menu a {
    font-family: "Lato",sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
#7

thank you for the code. it has solved 50% of my problem :smiley: but i still need some code to bring the submenu-box exact under the main menu. can you maybe help me?

Thank you very much!

#8

Hey @quick-tec,

Please add this code

.x-navbar .desktop .x-nav > li ul {
    top: 70px;
}

Hope that helps.

#9

thank you so muach. the sub menu beggins now directly under the main menu but the text of submenu must beginns at the same Y border. i mean a little bit to the right. Do you know what i mean?

#10

Hi there,

Please also add the CSS code below:

.masthead-inline .x-navbar .desktop .sub-menu {
    right:  -13px !important;
}

You need to play with the -13px value to find the best Y-axis value which you want.

Thank you.

#11

THANK YOU VERY MUCH! IT WORKS PERFECTLY! I changed it in 45px :wink:

#12

Glad to hear it,

Have a great day!

#13

You’re welcome, glad to hear it’s sorted.

#14

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.