Impossibile to hide sf-sub-indicator arrows in menu icons

  • Dani

    (@danicasati)


    3 years, 4 months ago

    Hi.
    It’s impossible to hide SF-SUB-INDICATOR arrows in menu, on the right of icons.

    This CSS code doesn’t work:

    #primary-menu li a .sf-sub-indicator { display: none; }
#secondary-menu li a .sf-sub-indicator { display: none; }
.sf-with-ul a .sf-sub-indicator { display: none; }
.sf-sub-indicator a { display: none; }
.sf-menu ul a .sf-sub-indicator { display: none; }
.sub-menu { display:none; }
li a .sf-sub-indicator { display:none; }
.sf-sub-indicator { display: none; }
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { display: none; }
a > .sf-sub-indicator { display: none; }
.sub-menu .icon-arrow { display: none; }

    Any suggestion?

Viewing 15 replies - 1 through 15 (of 18 total)

  • Hello @danicasati,

    Thank you for reaching out to us.

    On my test website, the arrows are not showing for the primary/secondary navigation by default. For us to check further and better assist you. kindly send a screenshot or your website link.

    Kind Regards,
    Karla

    Thread Starter Dani

    (@danicasati)

    Arrows is still displaying in website.

    Thread Starter Dani

    (@danicasati)

    No way to disable the arrows:

    View post on imgur.com

    hannah

    (@hannahritner)

    Hi Dani,
    Are you able to post a link to your website?

    Thanks,
    Hannah

    Thread Starter Dani

    (@danicasati)

    Sure:
    https://www.venbo.shop

    hannah

    (@hannahritner)

    This css should do it for you:

    .topbarmenu span.sf-sub-indicator {
    display: none;
}

    You can paste that into your custom css box in Theme Options > Advanced Settings.
    Hope it helps!

    Best,
    Hannah

    Thread Starter Dani

    (@danicasati)

    Thank you, but this code doesn’t work.

    hannah

    (@hannahritner)

    I’m not seeing the css in your code. Where are you adding it?

    Kindly,
    Hannah

    Thread Starter Dani

    (@danicasati)

    I’m not adding this code.
    I can’t find any reference to this class in my code, but it always displaying.

    hannah

    (@hannahritner)

    Hey Dani,
    Apologies for the delay! I’m not seeing the arrows anymore. Were you able to resolve this?

    Kindly,
    Hannah

    Thread Starter Dani

    (@danicasati)

    No changes in code, I can still see the arrows.

    hannah

    (@hannahritner)

    Weird, I wasn’t seeing the arrows yesterday but now they’re showing again today. Did you try the css I gave? It works when I test it in the chrome inspector. Be sure you’re clearing your cache.

    Kindly,
    Hannah

    Thread Starter Dani

    (@danicasati)

    Yes.
    Provided CSS doesn’t work. I cleaned the cache before and after adding the code.

    hannah

    (@hannahritner)

    Hey,
    Hope you enjoyed your weekend! Do you mind keeping the css in your css box so I can see it in play?

    Thanks,
    Hannah

    Thread Starter Dani

    (@danicasati)

    It’s all in Virtue CSS box.

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Impossibile to hide sf-sub-indicator arrows in menu icons’ is closed to new replies.