Archived topic
Header Customization
6 replies · Started by Ritesh on June 3, 2021
Dear Team,
Well, I tried certain things to give a better look to my header.
Requesting you to refer to the below points and help me to fix those:
1] I've added font awesome for my-account page
Screenshot: https://prnt.sc/13uzqc6
Problem: The Active My-Account Icon is not visible (see this: https://prnt.sc/13vclpe)
Please help to make this visible in #b58700 color as active
2] There is no menu created for Mobile. Is there any possibility to add a mobile menu (Including My-Account Icon) in off-canvas templates?
Currently, the off Canva menu is showing Current Product. I will request to hide off-canvas and make this mobile menu.
Screenshot: https://prnt.sc/13vdrol
I added some css to get the HOVER Effect Underline in menu ( I referred this https://docs.generatepress.com/article/adding-menu-hover-animation/)
Please help for these 2 issues
Ritesh
Website URL : https://the-mencare-co-6aed26.ingress-earth.easywp.com/
Hi Ritesh,
1. The reason that on the home page the icon shows is because it uses the font from Elementor, the account page is not built with Elementor, so the page can't pull the icon content.
I would recommend to install font-awesome plugin to fix the issue.
Or you can try to add this SVG code which I copied from Generateblocks plugin to Navigation lable field:
<svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"></path></svg>
https://www.screencast.com/t/0GkksVUW0p5
After this is done, we can take a look at how to set its active color.
2. I'm not sure I fully understand your question here, you can create a new set of menu then assign it as off canvas menu:
https://www.screencast.com/t/RKzAsOgGm
The current product widget is added to off canvas panel, you can remove it at appearance > widgets if you want.
If you use the method I mentioned before, the account menu item can be added to off canvas menu :)
If I miss anything, let me know!
Hey Ying,
Thanks for the response.
I apologize for the confusion.
So, the idea of creating a new menu and set it as off cavans is fine.
I did that.
But the thing is Off canva button in the right side of the menu (for Desktop) seems extra/or the same things.
Can we disable it for desktop user and tablet users?
And can show it only in mobile?
Ritesh
Oh I see, go to Customizer > layout > Off canvas panel, set it toMobile only instead of On.
Let me know :)
Thanks for this Ying !
It is now resolved.
Great!
You are welcome :)
