transparency of the background on mobile phone

  • Resolved maxpg

    (@maxpg)


    6 years, 4 months ago

    Hi everyone, I would like to ask one thing :-).

    I gave transparency to the background of the site that works perfectly in computer viewing mode, while if I view it from a mobile phone, I see the transparency only in the home page.
    What should I change to see the transparency of the background on all pages in smartphone mode? ??

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In the “Additional CSS” section of the dashboard add this:

    
@media screen and (max-width: 768px) {
    .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
        position: fixed;
        height: auto;
        left: 50%;
        max-width: 1000%;
        min-height: 100%;
        min-width: 100%;
        min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
        width: auto;
        top: 50%;
        padding-bottom: 1px; /* Prevent header from extending beyond the footer */
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

    https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    Thread Starter maxpg

    (@maxpg)

    Perfect !!!!!!! You are amazing !!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘transparency of the background on mobile phone’ is closed to new replies.