Docs

[kkarc]

Hello,

I would like to make the submenus to open automaticly only when one of the pages on them is active (like in this site or in this site

that way you always know where in site you are (with no breadcrums)

Superfly has RIDICULOUSLY under-documented functionality…

How can this be acheived?

[kkarc]

this is my site

kkarc.com/?page_id=1104

Sustainability

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

#sfm-sidebar.sfm-vertical-nav .sfm-has-child-menu .sfm-sm-indicator {
    display: none;
}
#sfm-sidebar .sfm-has-child-menu > .sfm-child-menu {
    display: block !important;
}

Hope it helps 🙂

[kkarc]

Thanks! but it makes all the submenus open all the time and I wan’t a specific submenu to be open only when a specific page inside it is active.

By the way, the code worked only when I placed it inside superfly>”advanced setteing”>”aditinal css” section.

[Rupok]

Hi there,

This might not work as expected. As it’s not a feature or functionality of Superfly, we can’t help much. I suggest you to use the existing feature of the plugin.

Thanks!

[kkarc]

Two more questions:

How can I vertical alighn the menu items in the center?

How can I change the font size of sub items?

in this site
‘http://karamjb.s158.upress.link/`

[Lely]

Hi There,

Do you mean vertically align main menu on the sidebar? With your settings it is not recommended because of your submenu.
To adjust Sub items font size, we can use this custom CSS:

ul.sfm-child-menu.sfm-menu-level-1 span {
    font-size: 30px !important; /* Adjust this accordingly*/
}

Hope this helps.

[kkarc]

it helped! thanks!

Also, I would like the child items in the superfly menu to appear as “non-active” when the parent item is active.

for instance, when I’m on “project” page all 11 sub-items appear green in the menu and I want them to stay black like the are when the aren’t active.

“http://www.kkarc.com/?page_id=17”

[Christopher]

Hi there,

Please remove this code :

li.sfm-active-class span{
   color:  #a3cc57 !important;
   font-weight: 600;
}

And add following code :

li.sfm-active-class > a > span {
    color: #a3cc57 !important;
}

Hope it helps.

[kkarc]

Thank you for your quick response! It worked partially

It worked on the “projects” page BUT it didn’t work on the other parent item “about”.

Maybe it didn’t work for the “about” item because all the sub-items for this item are one-page-navigation?

About

[Christopher]

Hi there,

You should add at least two menus, one as primary menu and the other as one page navigation. Note that primary menu and one navigation shouldn’t be the same. Inside one page navigation use relative URLs, e.g :#x-section-2
To link primary menu items to one page navigation sections, use absolute URL, e.g :www.example.com/#x-sectcion-2

Hope it helps.

[Author]

Posts