Dear @paulstolle

No worries! best of luck with your project! :_)

Dear @Kappa

sure! send me the page and will try to see whats wrong :)

best
Richard

Dear @vernandel

Ok :) sorry if i wasnt able to provide the solution you were looking for!

Best wishes
Richard

Dear @j-varela

When selecting "do not show mouseover state" for mobile did you check on a smartphone - Mobile cannot Mouseover so it shouldn't be possible - Are the video's still playing? if checking on a Desktop but at a small mobile browser width the mouseover will work.

Best
Richard

Wonderful! Thanks a lot!
Best… Philipp

Dear @watersigils

No worries! :)
Best of luck with your website

Sincerely
Richard

Dear Paula @paulapetersen

No worries at all, just glad that things are working for you know and you can progress with your project!

Best wishes and have a wonderful day :)
Richard

Dear Kristofers @kristofersrei

In > Customizer > Background >
Try setting your background colour to grey: #c6c6c6

Currently it is set to black.
Let me know if this solves the issue :)

Best
Richard

Dear @MaxWinter

No worries :) Good luck with your project & talk soon

Best
Richard

Dear @gala In this where i don't really know whats going wrong until i can have a better look:

Could you please send your wp-admin/ website & log-in details
via 'Chats' ( if you feel comfortable doing so) & i will try to find out what the issue is! :)

Best
Richard

Dear @Lewis-Darlow

This is great to hear :)
If you have any further questions feel free & best of luck with the rest of your project!

Sincerely
Richard

Dear Georgia @georgiaharizani

Sorry for the delay these past days!
So you just need that when on Mobile the Ninja Forms - Font size changes to suit the Mobile Layout ( which it currently doesnt do )

If that is so, i can help you with this :)

Talk soon and best wishes Georgia

Richard

Ok I'll answer to my own question for people who ask or have the same issue haha. If you use the iframe, using the vimeo api is, for the moment, the best way I found to solve that problem for Firefox and Chrome.

Insert the iframe :

<div class="iframeVimeo" style="padding:56.25% 0 0 0;position:relative;"><iframe src="yourvideocolor=ffffff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div>

Add css to block the pointer event on that iframe :

.iframeVimeo iframe { pointer-events: none; }

And then add the JS for the api and the click on the play button :

<script src="https://player.vimeo.com/api/player.js"></script> <script type="text/javascript"> var player = new Vimeo.Player(document.querySelector('.iframeVimeo iframe')); var iframe = document.querySelector('.iframeVimeo').addEventListener('click', function() { player.getPaused().then(function(paused) { if (paused) { player.play(); } else { player.pause(); } }).catch(function(error) { }); });</script>

It should works ✌️

@aarondawkins said in Custom burger colour change on page?:

Hey @suzyy thank you, but I'm sorry this doesn't work. Maybe if take a look at the site you will get a clearer idea.

https://poesis-oracle.com

This is the page that needs a white burger on mobile: https://poesis-oracle.com/library - just so you know the burger is custom.

@mariusjopen @arminunruh a little help here? :)

Thank you.
Aaron

would've been helpful at the start, as richard stated you've uploaded an .SVG for the hamburger so my code won't work (it was made for the default).

try this in your custom javascript:

<script> document.querySelector(".slug-library .burger-inner img").src = "url of white hamburger svg file here"; </script>

Dear @julianbauer

Great ! :) best of luck with your project, its looking great

Sincerely
Richard

Dear Henning @Henning

This is not possible i believe from built in options,but has something to do with the:

transition-delay: 100ms;

CSS property that is attached to the Element you are scrolling to, you would need to add some Custom Code to alter this.

Best wishes
Richard