Tagged: , , , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 15, 2014 at 1:14 pm #210023
    January 15, 2014 at 5:46 pm #210129
    Yigit

    Hi Coronacom!

    Which type of header are you using? Please check in Enfold theme options under Header tab

    Regards,
    Yigit

    January 15, 2014 at 5:51 pm #210136
    Coronacom

    Hi Yigit

    I haven’t started using the theme yet but I intend to use the largest Header which I can see on the preview page as “Home v3”

    If I put an image with larger dimensions than 340×156 will it work?

    Thanks

    January 15, 2014 at 5:53 pm #210138
    Yigit

    Hi!

    Yes, with custom css it would work just fine

    Regards,
    Yigit

    January 15, 2014 at 5:57 pm #210142
    Coronacom

    Thanks Yigit

    Would you be able to give me an idea of what amends I need to make to the CSS?

    Is it something I can place in the Quick CSS box or in the theme editor?

    Cheers

    January 15, 2014 at 6:01 pm #210149
    Yigit

    Hey!

    Let us say your logo is 200px in height, you can add following code to Quick CSS in Enfold theme options under Styling tab to increase the height of header and display fullsized logo

    .social_header #header_main .container { height: 200px; }

    Regards,
    Yigit

    January 15, 2014 at 6:04 pm #210153
    Coronacom

    Great stuff Yigit I look forward to trying it out!

    January 15, 2014 at 6:06 pm #210158
    Yigit

    Hi!

    I will not close the thread so you can try and let us know. It will be on hold until you post again, so please post when you try the code :)

    Cheers!
    Yigit

    January 20, 2014 at 11:15 am #212171
    Coronacom
    This reply has been marked as private.
    January 20, 2014 at 3:03 pm #212229
    Yigit

    Hi!

    Please add following code to Quick CSS as well 

    .logo, .logo a, .logo img { max-width: 340px!important; height: 156px; }
#header_main { height: 156px; }
@media only screen and (max-width: 767px) {
#header_main {
height: 210px;
}
.responsive .logo {
position: static;
height: 156px; }}
@media only screen and (max-width: 480px) { .logo, .logo a, .logo img {
max-width: 270px!important;
height: auto;
}}

    Regards,
    Yigit

    January 21, 2014 at 11:20 am #212707
    Coronacom

    Great stuff Yigit that worked perfectly thanks!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Change site logo’ is closed to new replies.