Sub Menu Open Location

Hi,

Put below css rules in custom css editor filed of customizer

.fhmm .dropdown-submenu > .dropdown-menu {
    right: -90%;
}
.fhmm .dropdown-submenu > a:after{
	float: left;
	margin-right: 30px;
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

save the settings. Now check your site.

Thank you

Good morning,

Thank you! It now pops out to the left. The only thing now is the pop out menu doesn’t butt right up to the drop down menu. Sometimes there is a gap between them and other times they overlap. Can that be fixed?

Hi imeirescue,

you are using below css rule in child theme style.css

.fhmm .dropdown-submenu > .dropdown-menu {
    left: -70%;
}

If yes then comment left: -70%; and also put below css rule in child theme style.css file.

.fhmm .dropdown-submenu > .dropdown-menu {
    right: 100% !important;
}

Now save changes.

Thanks

Hi @imeirescue,

Did the above solution work for you?

Can we marked this ticket as resolved?

Thank You

Sorry for the delay.

That fixed the gap issue 100%, but now the menu comes out to the right again rather than the left which was the initial problem.

I tried
right: 100%
left: 100%

but still comes out to the right either way.

In this theme menus is open in right side but if you make them to open in left side there will be some minor issue will left like gaping issue.

As i check your site menu if opening in left side and it’s seems fine.

Thanks

Oh wow it is opening to left now. Maybe was a cache issue yesterday or something. We are good then ?? Thank you for your support.

Its ok.

You are welcome.

Thank You

I’m not sure what has happened, but I noticed today it started opening back to the right again =(

my style.css reads

.fhmm .dropdown-submenu > .dropdown-menu {
right: 100% !important;
}
.fhmm .dropdown-submenu > a:after{
float: left;
margin-right: 30px;
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

Hi,

Use below css rule to fixed your menu Issue.

.fhmm .dropdown-submenu > .dropdown-menu {
top: 0;
left: -100% !important;
margin-top: 0;
}

Thanks

• This reply was modified 8 years, 5 months ago by WebHunt Infotech.

Awesome! That made it open to the left again, but now there is a gap problem. Anything that may fix that?

Hi,

Please add below css rule in last give css rule

right: 100%;

If this solution not work for you please share your theme package. So we will update you with proper solution.

Thanks

still major gap issue =/ can’t even select the submenu items that popup because of the gap.

Here is my theme package.

https://www.dropbox.com/s/u9yhkm5gllopv51/fortune-child.zip?dl=0

Thanks for your support!

Hi @imeirescue,

We checked your child theme package and found that you didn’t added right:100% in first css rule of your child theme

Please use below css rule in your child theme by removing first css rule

.fhmm .dropdown-submenu > .dropdown-menu {
	top: 0;
	left: -100% !important;
	margin-top: 0;
	right: 100%;
}

Thanks

It worked! You guys are the best! I appreciate your support!