Header logo - by jeffunik72 - on WordPress WooCommerce support

This topic has 6 replies, 4 voices, and was last updated 7 years, 2 months ago ago by Rose Tyler

  • Avatar: jeffunik72
    jeffunik72
    Participant
    March 23, 2015 at 23:16

    I see how I can increase the min-width of the header logo but it doesnt really do anything to the image…

    Im trying to get the logo to be proportionally bigger… for some reason using the header type that I decided to go with it make the logo look so small… and I just cant seem to pickup on the right way to correct it in the css file…

    5 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 24, 2015 at 08:30

    Hello,

    Please add this code in custom.css file.

    .header-logo img{
    max-width: 400px;
    }

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    Avatar: jeffunik72
    jeffunik72
    Participant
    March 24, 2015 at 14:37

    will try… im pretty sure I had tried that…

    thank you.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 24, 2015 at 14:49

    You’re welcome!

    Regards,
    Robert Hall.

    Avatar: bemery21
    bemery21
    Participant
    February 6, 2017 at 18:19

    I just used this and it was quite helpful.
    It worked!

    But now my lager logo is off center.
    How do I adjust this?

    TY

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 7, 2017 at 09:22

    Hello,

    Try to add this code:

    .header-type-7 .header .header-logo {
        width: 49.33%;
    }
    .header-type-7 .header .tbs {
        width: 25.33%;
    }
    .header-type-7 .header .navbar-header {
        width: 25.33%;
    }

    Regards,
    Rose Tyler.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.