Okay
  Public Ticket #2836358
mp3 player - mobile view track words cut off
Closed

Comments

  • Helen started the conversation
    July 28, 2021 at 12:03pm

    Hi - is there a way to set the tracklists on mobile view of the MP3 player to go onto multiple lines rather than cut the copy off? I often need to have long track names for my clients, and mobile view is causing issues. 

  •  667
    Alexandre replied
    July 28, 2021 at 3:15pm

    Hi, 

    You can use this custom css code:
    If you dont know where to insert this code, please go to wp-admin>appearance>customize>additionnal CSS.


    @media only screen and (max-width: 767px) {
    .iron-audioplayer .playlist .tracklist-item-title{
    white-space: unset;
    }
    }

    Thanks,

    Alexandre from the Sonaar.io Crew

  • Helen replied
    September 8, 2021 at 9:19am

    Hi -sorry for the slow reply. 

    I've added this on a few sites and it's not made a difference. Still getting text cut off on mobile for the playlists. Using Elementor PRO.

  •  667
    Alexandre replied
    September 8, 2021 at 1:16pm

    Hi, 
    The code I gave is not strong enough.
    Please replace it by:


    @media only screen and (max-width: 767px) {
    .iron-audioplayer .playlist .tracklist-item-title{
    white-space: unset !important;
    }
    }

    Thanks,

    Alexandre from the Sonaar.io Crew

  • Helen replied
    September 8, 2021 at 3:04pm

    Perfect - thank you! 

  •  667
    Alexandre replied
    September 8, 2021 at 3:52pm

    You are welcome

    Thanks,

    Alexandre from the Sonaar.io Crew