Okay
  Public Ticket #2977831
MP3 Player - responsive
Closed

Comments

  • Nancy started the conversation

    I purchased your MP3 Pro plugin and it's working great.  EXCEPT - having trouble with display on medium sized mobile devices like iPads, etc.

    I have a three column setup that shows the player great using the boxed version on desktops.  However, the title and soundwave overlap the columns in views on tablets.

    Can you provide some CSS that might wrap the tile below the album cover in this view?

    many thanks,

    Nancy Timper

  •  1,114
    Max replied

    Hi, 

    Could you please send me screenshots of the issue? 



    Thanks,


    Max from the Sonaar.io Crew

  • Nancy replied

    Screen shots.

  • Nancy replied

    Perhaps I'm better off just creating an alternate layout for middle sized devices using two columns ;-)

  •  667
    Alexandre replied

    Hi, 

    Please try this code:

    @media (max-width: 1560px){
    .flex_column.av_one_third .iron-audioplayer:not(.sonaar-no-artwork) .srp_player_grid {
    display: block;
    }

    .flex_column.av_one_third  .iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr-playlist-item {
    padding: 10px ;
    }
    }


    Thanks,


    Alexandre from the Sonaar.io Crew

  • Nancy replied

    I think that did the trick!  Thanks, you saved me a lot of work.  Appreciate your speedy &  helpful replies!

  •  667
    Alexandre replied

    You are welcome

    Thanks,


    Alexandre from the Sonaar.io Crew