Megamenu dropdown too wide for boxed layout - Forum | JoomShaper
Solved General

Megamenu dropdown too wide for boxed layout

Asked by Hugo 3 years ago Last activity 3 years ago

Hello,

I have created a site with the shaper_travelia-template (https://demo.joomshaper.com/?template=travelia).
However, in the last-to-one menu-item, the pulldown-menu is too wide for the boxed-layout and therefor not completely visible.
Is it possible to have the menu fold out to the right instead of the left and if so, how can I make that happen?

I'm on Joomla 4.3.4, template shaper_travelia v2.0.0,

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
3 years ago · edited

Hi Hugo,

Please use this Custom CSS - should help by now

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 10px 0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item 
{padding: 0 10px;}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right 
{left: -30%;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a 
    {padding: 5px; font-size: 15px;}

but can you check megamenu for that menu item, maybe there is option to align menu to left. I don't have that template working copy to check.

1 more reply

Hugo Asked this
3 years ago

Hello Paul,

thanks for your quick reply!
The custom-css did the trick, I will be looking into the other option too.

Log in to reply.