Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #581971

    Hello Support,

    I have created a large banner style logo for a clients site but it won’t show up correctly, I need it to fill all the space in the header area above the menu.
    Here is the link:
    http://creative34.bekhike.com/
    Thanks
    Bek

    #582642

    Hey bekhike!

    Please check the site now :)
    To make the logo full width the below code was added to Enfold > general Styling > Quick CSS

    
    /*Full Width logo*/
    .logo img {
        min-height: 100%;
        min-width: 100vw;
    }
    
    

    Regards,
    Vinay Kashyap

    #582853

    Awesome thanks very much, the only issue is that is doesn’t look right on the mobile.

    #583564

    Hey!

    Please change the code to following one

    @media only screen and (max-width: 769px) {
    .container.av-logo-container {
        max-width: 100%!important;
        padding: 0!important;
        margin: 0!important;
        width: 100%!important;
    }
    .logo, .logo img {
    width: 100% !important;
    }}
    @media only screen and (min-width: 769px) {.logo img {
        min-height: 100%;
        min-width: 100vw;
    }}

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.