Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 12, 2016 at 2:20 am #581971
    bekhike

    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

    February 13, 2016 at 8:59 am #582642
    Vinay

    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

    February 14, 2016 at 7:30 am #582853
    bekhike

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

    February 15, 2016 at 4:49 pm #583564
    Yigit

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.