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

Menu Bar

D

daniel

Helix Framework 4 years ago

Hello everyone,

I have a question about the menu bar. I wanted to set up the dropdown field so that the selected entry is highlighted in color. Unfortunately I couldn't find anything about it in Helix :-(

Then I wanted to go to the menu bar insert two linked buttons. Is it only possible to add a position in the layout builder or is there another way?

Many thanks for your help :-) Regards Daniel

0
12 Answers
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #28134

Hello

Thank you for your query.

Can you provide your site URL please? Or a screenshot of the issue you are facing would be helpful.

0
D
daniel
Accepted Answer
4 years ago #28140

Thanks for the fast respond. Yes of course. here is the address, everything is still under construction:

https://www.heimatliebe-sylt.de/index.php

Many Thanks and Greetings - Daniel

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #28145

You are most welcome.

Kindly check the screenshot below.

dropdown-color-1.JPG

I am at the service -> contact page and "service" has a different color than the rest of the menus. Do you want add a background color to it?

If yes, then please add the following css rule in Cutom CSS section

.sp-megamenu-parent > li:active {
    background-color: #eee;
}

About linked button: If you don't want to add new position from layout builder - you can add a menu item in the main menu, use "URL" as menu type, add a custom css class (as shown in the screenshot below) to behave like a button. If you create this way the problem will be - in lower resolutions (mobile, tablet) when the menu is hidden and shown in offcanvus - the button will also be hidden in offcanvus.

button-in-menu-2.JPG

button-in-menu-1.JPG

0
D
daniel
Accepted Answer
4 years ago #28214

Great, Thanks for your Help :-)

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #28217

You are most welcome.

0
D
daniel
Accepted Answer
4 years ago #28219

Please see the Hidden Answer...

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #28319

Hello

Thank you for your kind appreciation.

Could you provide me your administrative access, please? Use the hidden mode to share the log in credentials.

I'll look into the custom color issue.

0
D
daniel
Accepted Answer
4 years ago #28369

Hi Ariba,

With pleasure, here now the information you needed. see Hidden

0
D
daniel
Accepted Answer
4 years ago #28371

Hi Ariba;

now in Hidden Area...

0
D
daniel
Accepted Answer
4 years ago #28372

<Hidde>

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #28456

Hello Daniel,

I have used the following rule now and it is working now.

.sp-megamenu-parent > li.active {
    background-color: #a4ccef;
}

Please do let me know if you have any other query, i am happy to help.

If there is no other issue, kindly accept my response in order to close the post.

Thank you

0
D
daniel
Accepted Answer
4 years ago #28464

Yes, very nice, but I actually meant the menu item in the dropdown menu, as if I go to the item "Children" for example and then select "Projects", then this item should be marked in this blue.

Please excuse these inconveniences. I have already a bad conscience :-(

With best regards - Daniel

0