Okay
  Public Ticket #1774146
video background
Closed

Comments

  • Ana started the conversation

    Hello,

    I checked my site using your theme with Safari in a Mac computer and the video doesn´t take all the width of the screen. 

    With the rest of the browsers there is no problem, but with Safari is quite bad.

    How can I solve this problem?

    Thank you

    Attached files:  Screenshot_2018-11-06-21-13-11.png

  •  64
    mSupport replied

    Hello,

    please add this to custom CSS 

    #wp-custom-header {
        width: 120%!important;
    }
    

    Thanks!

    Thank You!

  •  64
    mSupport replied

    correct code

    #wp-custom-header {
        width: 120%!important;
    }
    

    Thank You!

  • Ana replied

    I triedy this code in my windows pc with a resolution of 1366px and now there is a big black margin on the left of the video.

    Attached files:  video-background.jpg

  •  64
    mSupport replied

    did it worked for safari? 

    Thank You!

  •  64
    mSupport replied

    This should cover everything

    #wp-custom-header {
        height: 120%!important;
        width: 120%important;
    }
    

    Thank You!

  • Ana replied

    I can´t check it right now in Mac. But I don´t want the video looks bigger than its own size, because it loses information...

    Is possible to fix this size of 120% only for Safari (if it is working)?

  •  64
    mSupport replied

    Hello,

    /* Safari (7.1+) */
    _::-webkit-full-page-media, _:future, :root #wp-custom-header {
        height: 120%!important;
        width: 120%important;
    }
    /* Safari (from 6.1 to 10.0) */
    @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
        @media {
            #wp-custom-header{ 
        height: 120%!important;
        width: 120%important;
            }
        }
    }
    /* Safari (10.1+) */
    @media not all and (min-resolution:.001dpcm) { 
        @media {
            #wp-custom-header { 
        height: 120%!important;
        width: 120%important;
            }
        }
    }
    

    Let me know!

    Thanks!

    Thank You!

  • Ana replied

    I´ve checked your last code in Mac and it is not working for Safari... It´s the same as before.

    Attached files:  mac.jpg

  •   mSupport replied privately