Mobile view site title and description on top of header video

https://oakfactory.eu/

Id like to have “The Oak Factory” + “outstanding floors made of oak” + menu button in front of the video, meaning white font and transparent background so I can see the video on mobile resolution to make it look as on desktop resolution. the big black bar with white font is just ugly. Also I want to have more video height. (I

please help,

thanks.

Hi,

Thank you for contacting us about our theme, Sydney Pro.

If I could catch your need correctly, you’d add the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
      .site-header {
        position: fixed;
        background-color: transparent;
      }
      .site-header.fixed,
      .site-header.float-header {
        background-color: transparent !important;
      }
      .site-header.fixed {
        position: absolute !important;
      }
      .sydney-hero-area #wp-custom-header-video {
        display: block;
      } 
      .wp-custom-header {
        height: 100vh;
      }
      .wp-custom-header video {
        height: 100vh;
        object-fit: cover;
      }
    }

Regards,
Kharis
aThemes Support