Audio Player width and alignment

[Lukasz]

Hi there,

I’m having a trouble with changing the size of the audio player bar and aligning it to the centre. I’m using the following codes I pasted here below and the trouble is that once it works for a desktop it does not work for a mobile version. On the mobile the audio player bar (after using the codes) is super wide so it makes viewing the post very unfriendly. Would appreciate any help or suggestion from you on this issue.

<table align=”center”><tr><td>
SHORTCODE HERE
</td></tr></table>

<div style=”width:950px;margin:auto;”>
SHORTCODE HERE
</div>

all the best,

Luka

[Zex]

Hello Luka!
Try to insert the following code into Customizing->General->Additional CSS:

@media only screen and (max-width: 992px){
    div#mep_0{
    width: 80vw!important;
    margin:0 auto;
    }    
}

The above code should set the width of your Audio player, on the screens smaller than 992px, to 80% of the width of the viewport (the browser window size) and it will be centered.

Change the width value per your needs.

Regards

[Author]

Posts