Docs

[WoodWatchCo]

I have a small issue with my recent implement of Superfly Menu. I have added a sub-menu under “shop” and now have two small things I’d like fixed.

(1)- The “Shop” text is no longer centered along with the rest of the links on the list.
(2)- On mobile, the menu shows a small grey box in the background of the sub-menu arrow indicator that I would like to remove.

Any help would be greatly appreciated.

[WoodWatchCo]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

li.sfm-menu-item-116.sfm-has-child-menu span{
    padding-left: 23px;
}

ins.sfm-sm-indicator {
    display: none !important;
}

Hope that helps.

[WoodWatchCo]

I did not intent to remove the sub-menu arrow indicator completely. Just the grey box background that appears behind the arrow ONLY on MOBILE.

[Rupok]

Hi there,

In that case remove the below code :

#sfm-sidebar.sfm-vertical-nav .sfm-menu .sfm-sm-indicator {
  background: rgba(255, 255, 255, 0.086) none repeat scroll 0 0;
}

If you can find this then you can add this under Custom > CSS in the Customizer.

#sfm-sidebar.sfm-vertical-nav .sfm-menu .sfm-sm-indicator {
  background: transparent!important;
}

Cheers!

[WoodWatchCo]

Works great. Thank you!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts