Joomla Templates Club 406,261 posts

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#724990

Hi,

How can we hide the “My Account” text on when the site is being viewed on Mobile/Tabet and only show the font awesome icon?

This is how it appears in desktop size:

This is how it appears in mobile size:

Please advise how to hide the text when in responsive mobile size and only show the font awesome icon.

Thanks

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#725102

Hi @romolo,

You can try with :

@media screen and (max-width: 991px) {
.head-login {
text-indent: -999px;
color: transparent !important;
}
}

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#754891

Hi @romolo,

You can try with :

@media screen and (max-width: 991px) {
.head-login {
text-indent: -999px;
color: transparent !important;
}
}

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#725142

Thanks @adam M,

This worked great.

Thanks

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#754923

Thanks @adam M,

This worked great.

Thanks

[Author]

Posts