display icon-user only on mobile menu

[papuche37]

Hi,

My users aren’t comfortable with internet, then I made some changes. In menu, I changed login icon to text.

But in mobile menu, I would like to keep icon login.

Can you help me to do this please?

Thanks a lot,

Fred.

 

 

[Alex]

This is a customization and moving this customization forums .
YOu can try adding the css using the media query .

/* for mobile */
@media (max-width: 768px) {
/* your css code here  */
}

[papuche37]

Thanks Alex!

You can see my changes here : http://monpermisvoiture.com

1) On desktop, Icon login is changed by a text

2) On mobile, it’s an icon.

I think I could be a good idea to make a tip for this.

——————–

But I can’t find out how to code it cleanly. I didn’t use font icons in bootstrap.css because when I change :

.icon-user:before {  content: “|”;
}

by

.icon-user:before {  content: “se connecter”;
}

my content is changed to several icons. Can you tell me how to format this part please?

My current code :

In the header ( I created a class):