Image size for player

Resolved John
(@dsl225)

4 years ago

Hello,

What is the recommended size for the image upload in player settings?
I tested both with horizontal and square sizes with a height of about 400-500px but they are displaying too big on mobile screens as this image is not remaining aside of the player, at the left side as in your description page, but is shifted above the player and fills the whole width.

Thanks.

Viewing 11 replies - 1 through 11 (of 11 total)

Plugin Support Fotis
(@markwaregr)

4 years ago

Hi there,
recommended images sizes are any larger than 500x500px. This is the default behaviour in mobile though, do you want to change the image size in mobile? and how?

Thread Starter John
(@dsl225)

4 years ago

Thanks but no, my question is why I get a different layout on mobile than at your demo page.

I just want to get the layout as your demo page on mobile screen:
https://pasteboard.co/I8StEfrfdgsR.png

but this is what I get:
https://pasteboard.co/x661dQWvffHB.png

instead of this displaying on desktop:
https://pasteboard.co/4UDwl0xhl0Ai.png

So my question is how to have the same result with mage as your demo page?

Plugin Support Fotis
(@markwaregr)

4 years ago

Hi there,
Can you share a URL so I can check this? Do you have the PRO version installed? I just tested a demo installation and it works as expected

Thread Starter John
(@dsl225)

4 years ago

No, this is the free version but I can’t publish the link here as it’s a client’s site. May I send you the link by email somewhere?

Thanks.

Thread Starter John
(@dsl225)

4 years ago

In the meanwhile I created a sandbox and a page with the plugin for you to check.

Please check it here on mobile screen:
https://s-qhvg8qvttt3ll.eu1.wpsandbox.org/audioigniter/

(refresh the page if you resize to a small screen from a laptop size)

Thanks.

Plugin Support Fotis
(@markwaregr)

4 years ago

Hi there,
Thank you while it needs a passphrase to actually check it. Can you remove this?

Thread Starter John
(@dsl225)

4 years ago

Sorry, please check this one instead, with access code 361:
https://s-qfrn9yscm23ll.eu1.wpsandbox.org/test/

Video demonstration in customizer: https://cloudup.com/cxnL_coEFff
Plugin Support Fotis
(@markwaregr)

4 years ago
Hi,
add this
```
@media (max-width: 480px)
{
    .ai-wrap .ai-control-wrap-thumb {
    width: 110px;
    margin: 0   20px 0 0;
}
    .ai-wrap .ai-control-wrap{
     flex-wrap:nowrap;   
    }
}
```
in your custom css box under Customize->Additional CSS

Let me know if this helps
Thread Starter John
(@dsl225)

4 years ago

Thanks but I’m not really sure.

In customizer I’m getting this: https://pasteboard.co/9nXcoLgaW6Zi.png

when resizing the browser window I get the same as before, but connecting directly from a mobile phone looks good.

Can you please re-test the same page from your side also and kindly let me know if that loads correctly now?

Thanks.

Plugin Support Fotis
(@markwaregr)

4 years ago

Hi there,
everything works correctly. Please preview not using customizer but Chrome dev tools https://developer.chrome.com/docs/devtools/ or mobile of course

For Customizer you might need to change 480 in my previous code to larger values

Thread Starter John
(@dsl225)

4 years ago

Got it, many thanks for your help!

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Image size for player’ is closed to new replies.