Docs

[DesiLiz87]

Hello!
I’m having two problems with my submenu drop downs. The first is that my 3rd-degree dropdown after my megamenu is disappearing way too fast. I have to move my mouse extremely quickly to the hovering menu in order for it to stay displaying. Secondly, that dropdown list isn’t showing all of the items listed. I can’t scroll down further than 11 items. It’s a long list, but I know I cannot make it into two columns without megamenu, so I just need to be able to scroll down to see them.
I have lots of Custom CSS that i’ve added for other issues, and perhaps they are counteracting one another:
.desktop .x-nav .x-megamenu>.sub-menu>li>a {
border-top-color: #ccc;
border-top-color: rgba(0,0,0,0.2);
}

.desktop .x-nav .x-megamenu>.sub-menu a {
display: inline-block;
}

.desktop .x-nav .x-megamenu>.sub-menu a:hover {
border-bottom: 1px solid #000;
}
.masthead-inline .x-navbar .sub-menu .sub-menu {
left: 85%;
right: auto;
}
.masthead-inline .x-navbar .sub-menu {
left: -50%;
text-align: auto;
}
/* Avoiding Submenu Delay */
.x-navbar .desktop .x-nav li:hover > .sub-menu {
display: block;
}
.x-navbar .desktop .x-nav li > .sub-menu {
display: none;
}
.masthead-inline .x-navbar .sub-menu {
left: 0px !important;
right: 0px !important;
top: 93% !important;
margin-top: 10px;
}
p {
font-style: normal;
}
.masthead-inline .x-navbar .sub-menu {
left: 15% !important;
right: 0 !important;
}
.x-navbar .sub-menu{
margin-top:10px;
}

Thanks in advance! You guys are truly awesome!

[Joao]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks

Joao

[DesiLiz87]

Hello! I’m so sorry, I didn’t know you had responded. I no longer have the previous problems, but am now having another issue: My submenus are hovering way far to the right. Here is my custom CSS:

desktop .x-nav .x-megamenu>.sub-menu>li>a {
border-top-color: #ccc;
border-top-color: rgba(0,0,0,0.2);
}

.desktop .x-nav .x-megamenu>.sub-menu a:hover {
border-bottom: 1px solid #000;
}
.masthead-inline .x-navbar .sub-menu .sub-menu {
left: 85%;
right: auto;
}
.masthead-inline .x-navbar .sub-menu {
left: -50%;
text-align: auto;
}
/* Avoiding Submenu Delay */
.x-navbar .desktop .x-nav li:hover > .sub-menu {
display: block;
}
.x-navbar .desktop .x-nav li > .sub-menu {
display: none;
}
.masthead-inline .x-navbar .sub-menu {
left: 0px !important;
right: 0px !important;
top: 90% !important;
margin-top: 10px;
}
p {
font-style: normal;
}
.masthead-inline .x-navbar .sub-menu {
left: 15% !important;
right: 0 !important;
}
.entry-header .p-meta span:nth-child(1) {
display: none;
}
.entry-header .p-meta span:nth-child(2) {
display: none;
}
.single .entry-title {
display: none;
}
.swpm-join-us-link a {
display: none;
}
.x-navbar .sub-menu {
margin-top:10px
}
.desktop .x-nav .x-megamenu>.sub-menu {
display: inline-block;
}

My URL is http://www.thecookingblueprint.com

Thank you in advance!

[Rupok]

Hi there,

Thanks for updating. You can use this CSS to change the positioning :

.masthead-stacked .x-navbar .desktop .sub-menu .sub-menu {
  left: 45%;
}

Hope this helps. And you can subscribe your post to get email notification when we reply to your post – http://prntscr.com/cccyzf

Cheers!

[DesiLiz87]

Worked perfectly! Thank you! Have a good night 🙂

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts