Hide Line Separation In Menu - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Hide Line Separation In Menu

H

Hakunamatata67

Template 3 months ago

Hello

I don't know if it's SP Page Builder related but I'm asking. I'm using rhino template. I have a menu link to a category. This category has two sub categories, but they are hidden. Now my category menu doesn't show the sub categories, but there is still the separation line. How can I remove it?

0
4 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 3 months ago #197652

Hello,

Thanks for reaching out to us.

Please, use this css in your custom css, You can check this documentation to add custom css: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta#span-class-h2-custom-code-in-template-options-span

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    border-bottom: unset;
}

Thanks.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 months ago #197653

It was template question, in general, all topics about Template header, bottom or footer are template releated.

OR similar CSS to hide lines in SubMenu

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  border-bottom: transparent !important;}
0
H
Hakunamatata67
Accepted Answer
3 months ago #197674

Thank you guys, both methods worked. But I thought I would remove the whold sub menu as well. I also want to remove the empty bloc and the white arrow. How can I do it please?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 months ago #197688

To remove submenu you have two methods: disable them in MainMenu OR Hide them using Custom CSS


To remove arrows > Custom CSS :

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {
visibility: hidden;display: none; }
1