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

Comments

  • Helen started the conversation

    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. 

    Attached files:  IMG_77C8021278E4-1.jpeg

  •  327
    Alexandre replied

    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

    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.

    Attached files:  IMG_C07A52C81460-1.jpeg

  •  327
    Alexandre replied

    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

    Perfect - thank you! 

  •  327
    Alexandre replied

    You are welcome

    Thanks,


    Alexandre from the Sonaar.io Crew