Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #1329870


    I would like to add a login/logout icon (like the image attached ) on my menu but I didn’t found any tutorial on the forum. Could you please help me with this ?

    Also I can’t change the order of certains item of the menu (the search bar and the cart), I want the order of my menu to be like this : Home, Our Services, Products, News, Contact, My Quote, search bar icon, cart icon, login/logout icon, language dropdown

    There is two shadow borders at each side of the cart icon, I don’t understand why as I disabled any visible borders. I don’t want any border lines on my menu (see screenshot of my menu attached )

    Thank you for your support.

    Best regards,

    • This topic was modified 1 week ago by  sofiadadci.

    Hey sofiadadci,

    Thank you for the inquiry.

    You can easily create a login/logout menu with this plugin.


    To change the position of the cart icon, go to the Enfold > Shop Options panel and adjust the Header Shopping Cart Icon settings.

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.


    Best regards,


    Hi Ismael,

    Thank you for the plugin recommendation, I have installed it, it works but my initial request was to have an icon instead of Login/logout text. I would like it to be displayed the same way as the cart. I use a transparent header so the icon need to be white first then become black when scrolling the screen (it is what I mean when I say that I want it to be displayed the same as the cart.

    Could you help me with this please ?

    No problem for the other questions that I have asked, I will open a new thread.

    Thank you.

    Best regard

    • This reply was modified 4 days, 5 hours ago by  sofiadadci.

    Update : I have used this thread to add a login icon on my menu. It works but there is two issues

    1. I have a transparent header so there is a problem with the color of the icon when the header is transparent .

    2. If I don’t put a title (even a #) here : when I hover the mouse on the login icon menu item you can see the title :

    Thank you for your support.

    Best regards,



    Thank you for the update.

    Try to remove the image from the menu item temporarily, then use this css code to insert an icon font inside the login menu item. The icon font should automatically switch color when the header changes or when scrolling down or up.

    #menu-item-8683 a:before {
        font-family: 'entypo-fontello';
        content: "";
        font-size: 26px;
    #menu-item-8683 .avia-menu-text {
        display: none;

    Best regards,


    It works perfectly, thank you Ismael :)


    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Adding a "login/logout" icon on menu’ is closed to new replies.