Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 16, 2017 at 6:42 pm #809042
    AlpineWeb

    I am trying to use a logo that is 1000 x 200px – I want it full width with the menu below or above doesn’t matter
    I have searched these forums to no solution.
    Please provide the code to customize this option.

    This is the post most like what I want but the solution is not posted
    https://kriesi.at/support/topic/full-width-logo-image-and-size-issue/

    June 16, 2017 at 7:20 pm #809057
    Jordan Shannon

    Hey AlpineWeb,

    I currently see the logo at 1000×200. So you want it to extend the full width of the screen?

    Best regards,
    Jordan Shannon

    June 16, 2017 at 7:39 pm #809070
    AlpineWeb

    If I put the menu above it does show full size logo – however the top is cut off – I assume some padding is missing or a container size needs to be adjusted?
    I would like to see what it looks like full width if possible.
    I appreciate your assistance
    Great theme.
    CJ

    June 16, 2017 at 7:47 pm #809072
    AlpineWeb

    I should note that if I put the menu below it does shrink again is there away around that as well?
    CJ

    June 16, 2017 at 8:41 pm #809085
    Jordan Shannon

    Hi,

    Add the following to quick css to adjust to the menu being on top:

    .av-section-bottom-logo.header_color{
padding-top: 50px!important;
}

    Best regards,
    Jordan Shannon

    June 16, 2017 at 8:53 pm #809091
    AlpineWeb

    Works like a charm not to be difficult – I am not certain which the client will prefer is it possible to give the fix for menu below?
    Thanks again I appreciate the support and will be re-upping my support because your responsiveness it is worth it.
    CJ

    June 16, 2017 at 9:11 pm #809102
    Jordan Shannon

    Hi,

    Put the menu below so I can see what the issue is.

    Best regards,
    Jordan Shannon

    June 17, 2017 at 1:39 am #809167
    AlpineWeb

    Sorry about that – done.
    CJ

    June 18, 2017 at 1:36 am #809429
    Jordan Shannon

    Hi,

    Add the following to quick css if you decide to have the menu on the bottom:

    @media only screen and (min-width: 1200px)  {
.html_header_top.html_logo_center .logo{

    left: 0!important;
    -webkit-transform:none!important; 
    -ms-transform: none!important;
    transform: none!important;

}

}



@media only screen and (max-width: 1200px) and (min-width: 996px)  {
.html_header_top.html_logo_center .logo{

    left: 0%!important;
    -webkit-transform:none!important; 
    -ms-transform: none!important;
    transform: none!important;

}


.logo img{
width:800px!important;
}
}

@media only screen and (max-width: 996px) and (min-width: 767px)  {
.html_header_top.html_logo_center .logo{

    left: 0%!important;
    -webkit-transform:none!important; 
    -ms-transform: none!important;
    transform: none!important;

}


.logo img{
width:620px!important;
}
}

    Best regards,
    Jordan Shannon

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