Dropdown Menu Helix Ulitmate - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Dropdown Menu Helix Ulitmate

SG

Stefan Gripa

Template 3 years ago

Hello,

I use the template shaper_helixultimate - Standard.

How can I display the menu items of the drop-down menu next to each other instead of one below the other?

Thank you for your answer

Greetings Stefan

0
6 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #57750

Hi

Could you please give me a demo of what's a type of actually you want?

-Regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #57751

Hi Stefan,

is this your goal ?

foto_7829_2022.jpg

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #57752

If yes (Ja), please follow my guide:

  1. In Template Options - Menu (Navigation) - edit menu item "Leistunged" and in MegaMenu settings change submenu width to 640px
  2. Then in Template Options - Custom Code - Custom CSS paste below lines
  3. Save template settings
.sp-megamenu-parent .sp-dropdown li.sp-menu-item 
{display: inline-block; padding: 0 10px;}

Extra law advice! You have important issue with DSGVO law on your site, read more: https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-3/google-fonts-and-dsgvo

0
SG
Stefan Gripa
Accepted Answer
3 years ago #57761

Thank you very much Paul. It works.

What do I have to change so that the dropdown menu is in the middle of the item "Leistungen"

0
Ugur Uygur
Ugur Uygur
Accepted Answer
3 years ago #57960

Hi, You can make changes.

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: 0;
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #57962

I would start from Item MegaMenu settings where you can set center, without any extra CSS

0