Child Menu Item is Too Far Right - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Child Menu Item is Too Far Right

CH

Charley Hankins

Template 3 years ago

https://www.southark.edu/

My child menus are too far to the right, making them difficult to click. They need to move over to the left some.

Thanks, Charley

0
5 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #79839

Hello there!

Sorry for the inconvenience.

Your admin access would be better to have a look into the issue. Please use the hidden content box to share sensitive info.

Best Regards

0
CH
Charley Hankins
Accepted Answer
3 years ago #79929

See hidden content.

0
CH
Charley Hankins
Accepted Answer
3 years ago #80419

Have you made any progress?

Thanks, Charley

0
CH
Charley Hankins
Accepted Answer
3 years ago #80860

Sorry for the double post

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #80871

Hi,

No problem. Please take my apology again for the delay.

I have made some changes to your template's custom CSS. As there are so many copy of the Helix Ultimate template styles, so I had to check by placing the code to many of them.

I have found the following style assigned to your home page "shaper_helixultimate - Default (HOME PAGE)"

And this custom CSS part gets the right code now. So if you want you can place the code into all of your template styles where needed.

Here is the code snippet for your ease:

/* changes made by Rashida */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,  {
    width: 80% !important;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-sub li.sp-menu-item>a{
width: 95% !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    width: 80% !important;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    left: 80% !important;
}

Have a nice day!

Best Regards

0