Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 19, 2013 at 6:39 pm #202174
    creativeyes

    Prior to purchasing the theme I enquired about whether this was possible increase the logo in the header by 40% and Kriesi responded with the following:

    Hey! a larger logo would require a larger header. can be done with a 2 line addition to the quick css panel in the themes backend.

    Please can you provide me with the code to address this issue.

    Many thanks
    Rupert

    December 19, 2013 at 8:15 pm #202216
    Josue

    Hi Rupert,

    Can you post the link to your website please? i’d like to see what type of header you are using.

    Regards,
    Josue

    December 19, 2013 at 8:29 pm #202231
    creativeyes

    Sorry here it is http://www.cambridgeespana.com/

    December 19, 2013 at 8:54 pm #202245
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #header_main .container, #avia-menu a {
    height: 120px !important;
    line-height: 120px !important;
}
.header-scrolled #header_main .container, .header-scrolled #avia-menu a {
    height: 60px !important;
    line-height: 60px !important;
}
#header_main img, #header_main .logo, #header_main .logo a{
    width: 252px !important;
    height: auto !important;
    max-height: none !important;
    max-width: none !important;
}
.header-scrolled #header_main img, .header-scrolled #header_main .logo, .header-scrolled #header_main .logo a{
    width: 126px !important;
    height: auto !important;
}

    Cheers! 
    Josue

    December 19, 2013 at 9:12 pm #202256
    creativeyes

    That’s great many thanks. The only difference I’m not so happy with is that before it would smoothly reduce in size and now it’s jerky i.e. from large to small.

    This is the code I’m using:

    #header_main .container, #avia-menu a {
    height: 143px !important;
    line-height: 143px !important;
    }
    .header-scrolled #header_main .container, .header-scrolled #avia-menu a {
    height: 80px !important;
    line-height: 80px !important;
    }
    #header_main img, #header_main .logo, #header_main .logo a{
    width: 252px !important;
    height: auto !important;
    max-height: none !important;
    max-width: none !important;
    }
    .header-scrolled #header_main img, .header-scrolled #header_main .logo, .header-scrolled #header_main .logo a{
    width: 126px !important;
    height: auto !important;
    }

    Many thanks

    December 19, 2013 at 9:56 pm #202269
    Josue

    Hi!

    Try this:

    #header_main .container, #avia-menu a {
   height: 143px !important;
   line-height: 143px !important;
   
   -webkit-transition: all linear 0.2s;
   -moz-transiton: all linear 0.2s;
   transition: all linear 0.2s;
}
.header-scrolled #header_main .container, .header-scrolled #avia-menu a {
   height: 80px !important;
   line-height: 80px !important;
}
#header_main img, #header_main .logo, #header_main .logo a{
   width: 252px !important;
   height: auto !important;
   max-height: none !important;
   max-width: none !important;
   
   -webkit-transition: all linear 0.2s;
   -moz-transiton: all linear 0.2s;
   transition: all linear 0.2s;
}
.header-scrolled #header_main img, .header-scrolled #header_main .logo, .header-scrolled #header_main .logo a{
   width: 126px !important;
   height: auto !important;
}

    Best regards,
    Josue

    December 19, 2013 at 10:39 pm #202284
    creativeyes

    Perfect, many thanks Josue

    December 19, 2013 at 10:43 pm #202288
    creativeyes

    Sorry I spoke too soon!

    If you look carefully on this page http://www.cambridgeespana.com/transactions/ the page name and breadcrumbs are underneath the enlarged header! How easy is it to move them down?

    December 20, 2013 at 1:37 am #202334
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .fixed_header #main {
padding-top: 144px;
}

    Regards,
    Yigit

    December 20, 2013 at 1:17 pm #202543
    creativeyes

    Fantastic, thank you

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Increase the logo in the header by 40%’ is closed to new replies.