Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 21, 2021 at 11:29 pm #1329870
    sofiadadci

    Hi,

    I would like to add a login/logout icon (like the image attached https://imgur.com/gallery/Tq9kTIK ) 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 https://imgur.com/gallery/AwkdHuw )

    Thank you for your support.

    Best regards,

    • This topic was modified 3 years ago by sofiadadci.
    November 24, 2021 at 4:45 am #1330226
    Ismael

    Hey sofiadadci,

    Thank you for the inquiry.

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

    // https://wordpress.org/plugins/login-logout-menu/

    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.

    Thanks!

    Best regards,
    Ismael

    November 25, 2021 at 1:26 pm #1330449
    sofiadadci

    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 3 years ago by sofiadadci.
    November 25, 2021 at 9:08 pm #1330518
    sofiadadci

    Update : I have used this thread https://kriesi.at/support/topic/image-in-menu-item/ 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 https://i.imgur.com/bNvaDNH.png .

    2. If I don’t put a title (even a #) here : https://i.imgur.com/MUCwsG7.png when I hover the mouse on the login icon menu item you can see the title : https://i.imgur.com/eJaxKcB.png

    Thank you for your support.

    Best regards,

    November 26, 2021 at 8:00 am #1330551
    Ismael

    Hi,

    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,
    Ismael

    November 26, 2021 at 5:33 pm #1330617
    sofiadadci

    It works perfectly, thank you Ismael :)

    November 27, 2021 at 10:57 pm #1330705
    Mike

    Hi,
    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,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Adding a "login/logout" icon on menu’ is closed to new replies.