css - Show truncated text on touch -

As we know we can shorten the text with CSS and "can cancel it like this :

  & style style = type = "text / css"> one-long-line {max-width: 400px; white-space: abrap; overflow: hidden; text -Overflow: Ellipissis;} One-long-line: Hover {Overflow: visible}} I used it to cut long H1 in the mobile view, however I want the user to be able to see the full headline. It does not work on mobile. I wonder if something can be coded exactly where the user touches the header, and of course this code should be.  
 
 
 works with: active  
  .offlow-tip {white-space : Abrup; overflow-x: hidden; text-overflow: alipesis;} .offlow-tip: Invitation deactivated, Kuvrflo-tip: hover {overflow-x: visible}}  
 
 demo