Video Background Not Appearing

[bluetroop2]

Hi Friends - Can you please tell me why my video background clip is not displaying in my top section of this page… https://mitech-services.com/home-page-test/

Also the content in the section wants to “tuck under” the navigation. How can I fix that as well please? More information to come…

[tristup]

Hi @bluetroop2,

Thanks for reaching out.
I have checked your website and found the issue you described. I have checked the specific video by playing it in the browser and it shows nothing, I have also tried to play that video through the Media and it shows the blank screen while playing.

I have downloaded it and played through the video player like VLC and it worked, but while uploaded to the Media in my local server it react exactly the same and shows the blank screen. I went ahead and uploaded two separate sample videos and it worked fine.
It seems that there might be some problem with that specific videos only.

Thanks

[bluetroop2]

Thank you, it was the video. Can you help me with another issue? A top portion of content in the first section is “tucking under” the navigation bar on the pages and not visible. See my attached screen shot. How can I fix this problem?

[ruenel]

Hello @bluetroop2,

The total height of your navbar is 180 pixels. Please go to Cornerstone > Theme Options > Headers > Navbar and set the “Top Height” to 180 pixels. This will resolve the issue in your first section.

Kindly let us know how it goes.

[bluetroop2]

Yes, I did this, it just makes the nav bar taller, see… https://mitech-services.com/

[ruenel]

Hello @bluetroop2,

After further investigation, it turns out that this is because you have added this custom JS code:

(function($){
  $('.x-logobar').insertBefore( $('.x-navbar-inner') );
})(jQuery);

You may need to check out this similar issue and follow the solution given by @Nabeel:

• How to make both the logo and the nav bar fixed ("sticky") in the header on both mobile and desktop

Kindly let us know how it goes.

[bluetroop2]

Okay, I added the code, but it didn’t really change anything…

MiTech Services | IT Support Lewisville | Computer Repair

Can you be more precise on what I should do?

[ruenel]

Hello @bluetroop2,

This part of your JS needs to be removed or commented out:

 (function($){
   $('.x-logobar').insertBefore( $('.x-navbar-inner') );
})(jQuery);

Save your changes and clear your plugin caches. Hope this helps.

[bluetroop2]

Looks good, did you already apply it?

[prakash_s]

Hello @bluetroop2,

Yes, it seems that @ruenel has applied the code and commented on it, you can check it on the Theme Options—>JS. Please have a look at it.

Thanks

[bluetroop2]

Thank you for your help.

[ruenel]

You are most welcome.