Home › Forums › Jevelin Theme › Create 3 Buttons and make it part of the sticky header & Video issue
Home › Forums › Jevelin Theme › Create 3 Buttons and make it part of the sticky header & Video issue
Hi,
How do we create 3 Buttons and make it part of the sticky header like what is shown on the attached image? We are currently using the main theme not the child.
Also, how can we make the section background WebM video work on iPhone?
Thanks.
Hi @a.dev,
I hope you are well today and thank you for your question.
How do we create 3 Buttons and make it part of the sticky header like what is shown on the attached image? We are currently using the main theme not the child.
To achieve this, you have to develop custom code in the child theme of Jevelin theme.
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
Also, how can we make the section background WebM video work on iPhone?
I am not sure which section background you are referring to so could you please describe it a bit more in detail by sharing the page URL from your site where it is displaying?
Best regards,
Shufflehound team
Here is the URL: http://13.236.107.225/
Can we know which header file on the backend do we need to add in the code? And which variable?
As you are using Header 1 layout so you need to edit the below theme file.
/jevelin/inc/headers/header-1.php
Also, how can we make the section background WebM video work on iPhone?
Apple’s QuickTime player codec doesn’t support WebM. That means no WebM videos in Safari, no WebM videos in Chrome (which uses the same WebKit-based rendering engine on iOS), no WebM videos in any third-party browser or any app integrating a web view.
Please refer the information provided in the below pages.
https://www.imore.com/how-view-webm-video-your-iphone-or-ipad
https://www.videoconverterfactory.com/tips/webm-iphone.html
https://www.ursuperb.com/how-view-webm-video-your-iphone-or-ipad/
We have uploaded mp4 video but it is still not working. We’ve also tested the same video on another builder and it works on both Safari and iPhone. Is there anywhere else this is getting controlled?
It seems the Unyson page builder is handling the videos differently.
Could you please try adding the video in all three formats?
Hi,
We’ve used YouTube link and set as Parallax Video on the section. But when you initially load the page, it doesn’t play automatically as the Heading runs first. Can you have a look at how we can fix this?
Thanks.
I visited your shared site and it is working fine for me.
Are you having the issue only with iPhone safari?
Hi,
We can see the video now on iPhone and Safari. The only issue we are having is when we initially load the page, the video doesn’t start immediately. How can we fix this?
Thanks.
It doesn’t start until it loads completely.
You can try improving your site speed to resolve this issue.
There can be various other reasons why your site is loading slow as described in the following pages.
https://www.bitcatcha.com/blog/2015/10-frustrating-reasons-why-your-website-speed-is-slow/
https://www.pickaweb.co.uk/kb/website-running-slow/
https://gtmetrix.com/why-is-my-page-slow.html
You can improve your site performance as described in the following pages.
http://www.wpbeginner.com/wordpress-performance-speed/
https://codex.wordpress.org/WordPress_Optimization/WordPress_Performance
https://wpengine.com/blog/page-speed-wordpress-performance/
https://themetrust.com/test-wordpress-site-performance/
To optimize images and load them faster, you can use any of the following plugins.
Okay, thanks for the information. We will try to improve our site speed.
Thanks.
You are always welcome here š