Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #2029978
Styling the Menu Links
Closed

Comments

  •  2
    Luke started the conversation

    Hello guys,

    Is there any way to remove the ">" before the menu links in the top area?

    Regards,

    Luke.

  •  7,095
    Oliver replied

    HI Luke!

    pls. use following css:

    .top-area-menu .nav-menu > li a:before {
        opacity: 0;
    }

     

    6707465710.png

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  2
    Luke replied

    That did the trick, thank you!

  •  7,095
    Oliver replied

    You're welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  3
    altaigenden replied

    this CSS code doesnt work for me, please help

  •  2
    Luke replied

    Altaigenden,


    Did you clear your browser's cache? This is often the problem when unable to see CSS changes.


    Luke.

  •  3
    altaigenden replied

    yes, i even tried different browsers, still there are   <   before every menu item

  •  2
    Luke replied

    Do you have a live link to your site?

  •  3
  •  2
    Luke replied

    I tried the following code but it seems to remove your search/basket icons too. Hopefully Gregor has a solution!

    Nice site by the way!

    .header-style-2 #primary-menu.no-responsive > li a:before{
    opacity: 0;
    }
  •  3
    altaigenden replied

    yes, as you told it takes out   <   symbol and also Search and Shopping Cart icons


  •  3
    altaigenden replied

    This is the code that worked with Header style 3 ----- Light Main Menu & Light Submenu

    .header-style-3 #primary-menu.no-responsive > li.menu-item-active > a {
        border-color: transparent;
    }