Please let me know to fix this. If I can't do this becuase it is not possible in Essential Grid how much does it coast to get a custom solution provided by Sonaar?
as extra point.. in my responsive mode the mobile version looks like the screen shot attached. On different mobile browsers the top image is almost not visible. How can this be fixed?
The picture that you present to me ( picture below that you think is good ) is from within the Elementor responsive mobile mode. Yes, the text is now under the image but this Elementor responsive mobile mode does not work properly. ( A thing that Elementor needs to fix for a long time allready ) In the Firefox responsieve mobile preview, in the Google responsieve mobile preview and on my Iphone that uses Safari it looks like it was before.. without the marging - top of 24 px. I have attached my screenshot so you can see.
What I do is that I always check my Elementor updates within different browsers and my Iphine to see if it works.
Thanks Alexandre.. I have cleared the cache but it takes 24 hours for the server to refresh. So the code worked!
Now that the mobile response is fixed there is a problem again with the order of the podcasts. ( first podcast and then vegan journal, then podcast and then vegan journal etc. ) We have fixed this problem in the past but I forgot how. Can you look into the problem? Thanks
Hi,
The header of the sub podcast pages like https://www.studioplantaardig.nl/Podcast/vegan-journaal-27-zuid-korea-gaat-hondenvlees-verbieden-puur-speciesisme-of-toch-een-stap-de-goede-kant-op/ don't work good when it is presented on a mobile device. See screenshot. How can I make the header text for the resonse version readable? So how do I give te text top -padding in the responsive mode. I don't how to do this / or if it even is possible in the Essential Grid.
Please let me know to fix this. If I can't do this becuase it is not possible in Essential Grid how much does it coast to get a custom solution provided by Sonaar?
Best Regards, Marlon
Attached files: header-padding solution.jpg
header-problem.jpg
Hi Esther,
Please go to wp-admin>theme options>custom css/js
Abd copy this code in the custom css field:
@media screen and (max-width: 767px) {
.single-podcast .banner.hide-title.sr_player-above .iron_podcast_player {
transform: unset;
margin-top: 24px ;
}
}
Thanks,
Alexandre from the Sonaar.io Crew
Hi Alexandre,
This sadly doesnt work. Also chood there be an 'only' in the code like... @media only screen?
Can you help me futher with the issue please?
as extra point.. in my responsive mode the mobile version looks like the screen shot attached. On different mobile browsers the top image is almost not visible. How can this be fixed?
Thanks for your help in advance.
Attached files: Screenshot 2024-01-23 at 15.26.08.png
Hi Esther,
The custom css I provided was to move down the audio player. The code seems to works.
Here the first screen shot you have sent to me:
And here the last screenshot:
The player is no more overlapping the page banner so we can now read the text from the header.
I dont understand which element you wanna us to fix.
Thanks,
Alexandre from the Sonaar.io Crew
Hi Alexandre,
The picture that you present to me ( picture below that you think is good ) is from within the Elementor responsive mobile mode. Yes, the text is now under the image but this Elementor responsive mobile mode does not work properly. ( A thing that Elementor needs to fix for a long time allready ) In the Firefox responsieve mobile preview, in the Google responsieve mobile preview and on my Iphone that uses Safari it looks like it was before.. without the marging - top of 24 px. I have attached my screenshot so you can see.
What I do is that I always check my Elementor updates within different browsers and my Iphine to see if it works.
Can you help me futher to solve this issue?
Attached files: Google-mobile-responsive-screen.jpg
Firefox-mobile-responsive-screen.jpg
Iphone-13-Safari-screen.jpg
Your issue was probably caused because the server caching has not been cleared.
It is now.
Please try again
Thanks,
Alexandre from the Sonaar.io Crew
Thanks Alexandre.. I have cleared the cache but it takes 24 hours for the server to refresh. So the code worked!
Now that the mobile response is fixed there is a problem again with the order of the podcasts. ( first podcast and then vegan journal, then podcast and then vegan journal etc. ) We have fixed this problem in the past but I forgot how. Can you look into the problem? Thanks
See screenshot.
Attached files: Screenshot 2024-01-29 at 11.24.04.png
Hi Esther,
You probably need to adjust the min height here as you have done before.
Here the ticket where we have talked about this:
https://sonaar.ticksy.com/ticket/3252279/
Thanks,
Alexandre from the Sonaar.io Crew