- This topic has 12 replies, 4 voices, and was last updated 1 year, 6 months ago by Escobar.
January 18, 2021 at 11:50 am #1624110Escobar
Would it be possible to put the user icon to log or register in the mobile version as a button?
website is https://www.mivestuariolaboral.com
Thanks in advance
Kind regardsJanuary 18, 2021 at 12:31 pm #1624149YingStaffCustomer Support
I would recommend to use Font Awesome plugin, after their recent update, we’ll be able to use SVG icon from Fontawesome website, and it only loads the icon you use.
Try to follow the steps below:
1. Install Font Awesome plugin, activate it, and enable SVG option.
2. Go to fontawesome.com find the icon you’d like to use, copy the html link.
3. Go to Appearance > Menu, add the icon’s html as Navigation Label into your off-canvas-menu, use the my account link as url.
Then the icon will show in the menu location you assigned to as a menu item.
Let me know if it works!January 18, 2021 at 1:09 pm #1624177Escobar
Sorry, I haven’t explained to you that the menu is customized to look like this.
The icon would be in the main menu and in the mobile version it was not visible.
This is the topic https://generatepress.com/forums/topic/search-bar-4/
and the icon is actally inserted with a hook.
I dont know what i have to change now.
Thanks in advanceJanuary 18, 2021 at 1:23 pm #1624187YingStaffCustomer Support
Oh I see, then you just need to duplicate that hook and choose
generate_afer_slideout_menufor the new hook 🙂January 18, 2021 at 1:34 pm #1624197Escobar
Thanks but I think I cant explain myself, what I would like to know is whether, as in the desktop version, on the mobile it can be seen like a button.
This is my hook: <span class=”menu-item”>
<i class=”_mi _before dashicons dashicons-admin-users” aria-hidden=”true”></i>
</span>January 18, 2021 at 8:50 pm #1624415YingStaffCustomer Support
Once you added it, we can help you with the CSS to style it to button look 🙂January 19, 2021 at 1:21 am #1624580Escobar
Best regards.January 19, 2021 at 4:16 am #1624789DavidStaffCustomer SupportJanuary 19, 2021 at 7:20 am #1625132Escobar
Hi David! Pleased to see you.
Something similar to This:
Best regardsJanuary 19, 2021 at 10:41 am #1625361LeoStaffCustomer Support
Currently that ENTRAR button is added as a menu item.
Try adding it using the generate_menu_bar_items hook instead then it should show up on mobile automatically:
https://docs.generatepress.com/article/generate_menu_bar_items/January 20, 2021 at 12:07 am #1625896Escobar
Awesome, It works!
Is there a way to customize the button sharp? Rounded corners, ghost style…?
Best regards.January 20, 2021 at 7:12 am #1626491DavidStaffCustomer SupportJanuary 20, 2021 at 8:42 am #1626631Escobar
- You must be logged in to reply to this topic.