Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #324544

    Hey Guys

    Setting up Euphony. Thanks for your great work.

    I have a Header-Video and Image defined (Video is a Youtube-Link) and activated your Header-Enhancement Plugin. Works fine for Desktops, but on Mobile i would like to Position/Fill the gaps (Video and Image are landscape, Mobile is Portrait.

    How can Video be css’ed so that the whole height is used, positioned left and cutting off the right side of the video? (at the moment it fits to the with resulting in black gaps on top and bottom).

    Same for the Image (this one fills nicely, but showing a random peace of the image. I d like to see the top left corner of the image).




    Hi Daniel,

    Sorry, we don’t have control over the video. But for the image, you can add the following CSS in “Appearance => Customize => Additional CSS” to show the top left:

    .site .custom-header .wrapper:before {
      background-position: top left;


Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Positioning Header-Video and Header Image on mobile?’ is closed to new replies.