Archived topic
adding icons to mobile header and matching cart style
10 replies · Started by Jeffrey on June 27, 2020
ok, I have implemented code that uses 3 more icons.
When user is logged in, the icons show, when logged out, they are removed.
I want to show these icons in the mobile header, is it going to be to crowded?
If not maybe I can reduce the amount of icons to fit.
I have looked through the posts, am I just adding CSS to accomplish this? Can you point me in the right direction.
Color change Question:
I currently show the shopping cart in mobile and desktop and it changes color when there is no background element. My current icons do not and leave a white screen. Can you help me out with how to accomplish this same effect with my 3 additional icons?
Hi there,
I want to show these icons in the mobile header, is it going to be to crowded?
I think so as your logo is quite long - the mobile header logo is supposed to be small-ish like an icon type.
I don't see any extra icons in the mobile header currently.
Can you confirm?
Please open a separate topic for the separate question so it's easier for us to help.
Thanks!
Icons are only visible once login,
Only icon on mobile is currently cart
How are you adding the icons inside the mobile header?
With a hook?
If so you can use the built-in hide-on classes:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes
and I am willing to shrink logo size
Thats the thing, I don't know how to add the icons into mobile. asking for help
Try this hook with a hook element:
https://docs.generatepress.com/article/generate_inside_mobile_header/
any clues on how to change the color to black for the pages with no background and the navigation bar when scrolling?
Are you referring to the mobile header still?
Can you guide me to the page in question?
I'm sorry, I am referring to the regular header and site, I hav changed direction on the mobile for a solution.
The icons only show for logged in users. I guess I am looking to mimic the behavior of the shopping cart icon when it changes between black/white.
That case can you open a new topic since we are no longer working on the mobile header?
If you can provide a test account so we can login and see the icons that would certainly help.
