Educon 2 Menu Drop-down Canvas Width - Question | JoomShaper
Back to the questions

Educon 2 Menu Drop-down Canvas Width

RL

Riku Lahteenmaki

Template 10 months ago

How can I set the canvas width of Educon 2 menu dropdowns?

It is rather annoying, when the canvas covers the whole screen (megamenu), even if the menu items only need a small area.

I have set the dropdown width to 220px, but still it takes the whole width of the screen.

This can be seen on your Educon 2 showcase:

https://www.joomshaper.com/joomla-templates/educon-ii

0
1 Answers
Order by
Oldest Newest Votes
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 10 months ago #177418

Hello,

Thank you for reaching out to us. To remove the full-width behavior for the dropdown menu, please add the following CSS to your custom CSS:, To add custom css you can follow this guide: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

.sp-megamenu-wrapper .sp-dropdown.sp-dropdown-main.sp-menu-right:before {
    content: unset;
}
.sp-megamenu-wrapper .sp-dropdown.sp-dropdown-main.sp-menu-right:after {
    content: unset;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    border-bottom: unset;
}

Additionally, to remove the icon, follow these steps:

  1. Go to your Menus section.
  2. Click on the parent menu items (e.g., Courses).
  3. Navigate to Link Type and remove the Link Image from there.

Let me know if you need further assistance!

Best Regards,

0