Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #666813
    #667931

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
        header#header { position: absolute !important; background: transparent !important;}
        .responsive #top .logo {left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);height: 68px;width: auto;position: relative;}
        #top .avia-builder-el-0 .slideshow_inner_caption{padding-top: 80px !important;}
        .responsive #top .av_header_transparency .logo img.alternate {display: block !important;}
        .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {opacity: 0;}
    }

    Cheers! 
    Josue

    #671101

    This is what I needed as well and the code worked perfectly. Thanks!

    #671329

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

    • This reply was modified 8 years, 4 months ago by Rikard.
    #671386

    Worked for me too. Thanks guys!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Mobile: center logo and header transparency’ is closed to new replies.