I would love to have the same width size I have for floating player on desktop, to remain when it goes to mobile size. I do not want it to jump to spread across the screen. thank you.
Hi @Rev_Devan
Sure! Here is the code for your use case
.global-styles, [class*='MinimizedPlayer__StyledPlayer-sc'] {
width: max-content!important;
}
ok I see it works when minimized, however the minimized still hides behind text on my website. So I have been having not minimized, can you provide the same code for when it is like that… I should learn how to do it but why when I have you guys
Could you please send me a link to the page, where your widget is installed?
It does it in the Mobile preview in my dashboard of apps. The latest one I did was number nine in the audio player. The webpage is on is this: 9, {Commonly referred to as: "Faiths”} - UndefinableandExpansive.org
That’s the one that I did the code you gave me on so far, but if you wanna see how it is going behind the text and the button when it is minimized, here is another page. You will have to minimize the player to see it and then scroll down on the website and you see it go behind the buttons, but it’s not clickable on a computer or tablet if it is behind the text and stuff. 13, {Commonly referred to as: "Origins”} - UndefinableandExpansive.org
Hi @Rev_Devan
Thank you so much!
I’ve checked these pages on desktop and mobile and couldn’t replicate the issue: the widget is displayed above other buttons on the pages when minimized:
Could you please send me a screenshot of how you see the issue?
This first image shows how I would like it to NOT be, with the original request in this feed. It shows the mobile size of the next photo.
#1
This is the size of the non-minimized floating player looks like on the desktop. This is how I would like it to look on mobile regarding the original request.
#2
This next image shows the problem with minimized player on a desktop. it hides behind the buttons and text and is not passable to click. However it is fine on mobile.
#3
These two next images is to show that the code you provided is good, only for mobile and minimized. compared to one without the code.
#4
#5
To summarize, ideally I would like the minimized player to float on top and remain the size of the desktop versions. However if the floating behind the text and buttons persist (as seen in image #3), I would like the player (seen in image #1) to remain the same size (seen in image #2).
I hope that clearifies things well.
Thanks again!
Hi there, @Rev_Devan
We’ve fixed the issue with this CSS code:
[class*="AudioPlayer__Component-sc"] {
z-index: 999999999 !important;
}
Please check your website and let me know if it’s fine now
In conjunction with the last code provided, it is perfect thank you.
No problem