display icon-user only on mobile menu

Home Forums Chit Chat WPLMS customizations display icon-user only on mobile menu

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10394
    papuche37
    Spectator
    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.    
    #10546
    Anshuman Sahu
    Keymaster
    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  */ }
    #10603
    papuche37
    Spectator
    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):
  • <span><?php _e('<p class="fred-icon"></p>','vibe'); ?></span>
  • In wplms oneinstructor >style.css: @media (min-width: 768px){ .fred-icon:before { content: "SE CONNECTER"; } } @media (max-width: 767px){ .fred-icon:before { content: url(http://myurl.com/mypicture.png); } } Thanks a lot Alex.
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘display icon-user only on mobile menu’ is closed to new replies.