sub menu arrow how to remove

  • I have had a request to remove the arrows > from the sub menu only. It has lead to confusion suggestion there is another layer. Astra Pro theme

    I’m not a coder and need a snippet to add under css if anyone could help

    I did identify this piece of code when I asked inspect element

    .ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type svg {

    top: .2em;

    margin-top: 0px;

    margin-left: 0px;

    width: .65em;

    transform: translate(0,-2px) rotateZ(270deg);

    }

    I added this bit of code

    svg.ast-arrow-svg {

    display: none;

    }

    But that removed all the arrows in the menu. I am being asked only to remove the sub menu arrows

    Really appreciate help

    thank you

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter doindubai

    (@doindubai)

    Hello I forgot to add the arrows appear in mobile view only

    I don’t understand why but would like them to display:none

    I tried the code suggested in a post 3 yrs old.

    many thanks

    Thread Starter doindubai

    (@doindubai)

    Hello – again

    I added this under customise css with the mobile view open

    .ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type svg {

    display: none;
    }

    It’s removed the arrow but is that all I have to do. As I don’t really understand Could someone reassure me

    many thanks

    Hi @doindubai,

    Please try the following CSS

    .dropdown-menu-toggle .icon-arrow {
    display: none;
}

    It works when I tried from the frontend. Refer to this screenshot, please.

    Let us know if you need more help, otherwise please mark the topic as Resolved.

    Kind regards,
    Herman ??

    Suggested fix doesn’t work for me. I’m using:

    #ast-hf-mobile-menu .sub-menu?a.menu-link:before {
    display: none;
    }

    fransonspeed

    (@fransonspeed)

    Dear, Have you found out how? I am still working on it. Have tried the code suggested you and other google result, not lucky. It is still there.

    Should the code added here? or somewhere else?

    Neither the theme menu or the mega menu work.

    Hi @delanthear,

    Good to know that you have figured out the working CSS.

    @fransonspeed, if the shared CSS above doesn’t work for you, as per the forum guidelines, please start your own topic. You are welcome to cross-link it to this thread, so we are aware of both.

    Apart from that, if you need help regarding the Mega Menu, instead of creating a thread in this forum, please reach out to us thru our Support Portal, as discussing anything related to the pro version is not allowed in this forum, as mentioned in the Forum Guidelines.

    Kind regards,
    Herman ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘sub menu arrow how to remove’ is closed to new replies.