I am using a video hero for this website. But I am not able to see the Hero Video in the mobile. Please advise.
2. How to add opacity to the video frame?
3. Not able to decrease the header bar size.

Pleas advise.


Hello Venkat,

First thanks for using our Sydney theme!

Please try adding the given custom CSS code below at Appearance > Customize > Additional CSS:

/* Apply overlay with opacity in the home page video */
body.home .widget_media_video:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #212121;
	opacity: 0.6;
	z-index: 1;

/* Decrease header height */
.site-header {
	padding: 0;

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,


aThemes Support

Thanks to you for the reply.

The site header issue was resolved and I am able to apply opacity on the hero video widget.