[Bug] Header Socials and social tooltips for Socials are not showing up

[lemarcgagnon]

Version

latest and online demo as well

Reproduction link

https://demos.creative-tim.com/material-kit-react

Operating System

linux

Device

desktop

Browser & Version

Version 86.0.4240.75 (Official Build) (64-bit)

Steps to reproduce

why is these three lines don't show up either on your online demo and on the version I downloaded: These are part of the header?

This is located in Components:Header: HeaderLinks.js

959 ? "top" : "left"} classes={{ tooltip: classes.tooltip }} >

Could it be the class messing it up? ==> classes={{ tooltip: classes.tooltip }}

It won't show either in full and responsive window size.

What is expected?

to see the social buttons and the tooltips since the showup in the source code

What is actually happening?

not showing up in chrome, but I see it on Firefox 81.0 on Mint Linux

---

Solution

maybe it is the classes setup

Additional comments

[einazare]

Hello there, @lemarcgagnon ,

Those lines are for the Tooltips that appear when you hover the Twitter, Facebook and Instagram icons.

Best,
Manu

[lemarcgagnon]

great sure, I knew that, but they don't show up for chrome Linux Version 86.0.4240.75 (Official Build) (64-bit) Yours, MArc

…

On Thu, Oct 15, 2020 at 9:03 AM Nazare Emanuel-Ioan < ***@***.***> wrote: Hello there, @lemarcgagnon <https://github.com/lemarcgagnon> , Those lines are for the Tooltips that appear when you hover the Twitter, Facebook and Instagram icons. Best, Manu — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#85 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/APLLEUWD6CZ544NCTTDFYVLSK2NFXANCNFSM4SQXMUZQ> .

[dtksi]

you should import

import FacebookIcon from '@material-ui/icons/Facebook';

then <FacebookIcon /> instead of <i className={classes.socialIcons + " fab fa-facebook"} />

[lemarcgagnon]

Thanks for the tip! Le mer. 20 janv. 2021 à 23:09, dtksi <[email protected]> a écrit :

…

you should import import FacebookIcon from ***@***.***/icons/Facebook'; then <FacebookIcon /> instead of <i className={classes.socialIcons + " fab fa-facebook"} /> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#85 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/APLLEUQDQDVVB7SPC2M3PQDS25IDJANCNFSM4SQXMUZQ> .