Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 7, 2014 at 2:13 am #206061
    vegaspro

    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.

    January 7, 2014 at 4:35 am #206115
    Ismael

    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

    January 7, 2014 at 5:51 pm #206383
    vegaspro

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

    January 7, 2014 at 6:17 pm #206402
    Yigit

    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

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