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

    The standard logo size is too small and we’d like to have the logo be at least 100px – 150px height.

    Perhaps I edited the wrong area but this is the line in css/layout.css that I changed:

    #header_main .container, .main_menu ul:first-child > li a{ height:150px; line-height: 88px; }

    See result here: http://bit.ly/1bLZSXj

    How can I easily make the logo larger? I should be able to adjust this.

    #206115

    Hi vegaspro!

    Edit the code that you have a bit. Replace it with:

    #header_main .container, .main_menu ul:first-child > li a{ height:150px; line-height: 150px; }

    Regards,
    Ismael

    #206383

    That did not work. The logo is overlapping the header graphics at the top.

    #206402

    Hey!

    Please add following code to Quick CSS as well

    .fixed_header #main { padding-top: 150px; }
    @media only screen and (max-width: 767px) {
    .responsive .main_menu { margin-top: 40px; }}
    @media only screen and (max-width: 767px) {
    .responsive .logo { height: 135px; }}
    @media only screen and (max-width: 480px) {
    .logo, .logo a, .logo img { max-height: 115px; }}

    Regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Resizing the logo properly to fit’ is closed to new replies.