Adjusting Logo Image

  • jurnag12

    (@jurnag12)


    9 years ago

    Hey folks,

    Been looking for a way to increase the width of the logo image to span the width of the page instead of a small square on the left side of the header. Peeked around in the stylesheet but haven’t been able to find something that works yet. Any clue as to what I need to fiddle with to make this happen?

    Alternatively: would it be possible to get the main menu to drop to right below the header instead of covering the bottom part of it?

Viewing 1 replies (of 1 total)
  • Tanay

    (@tanaykhandelwal-1)

    Hello jurnag12,

    Use below CSS code in child theme or any custom css plugin and let me know if it works

    /* Make logo wrap 100% and adjust height */
#logo{
    width: 100%;
    max-height: 62px;
}
/* Adjust logo image width and height */
#logo .logo {
    height: 70px;
    width: 500px;
}
/* Make header wrap auto adjust its height */
.header-topbar .row-fluid{
    height: auto;
}

    Regards,
    Tanay Khandelwal

Viewing 1 replies (of 1 total)
  • The topic ‘Adjusting Logo Image’ is closed to new replies.