• Resolved carriecoren

    (@carriecoren)


    Helloooo
    here is my test page:
    https://carriecoren.com/test/

    I do know how to change the color in the header! ( appearance–theme options–main settings) but it’s not working!

    I also want the logo to be larger. my file is 1000px wide but it shows up much smaller. (even when I had the navigation set to secondary nav the logo was this small.)

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi Carrie
    First I would check for a responsive theme as when you shrink your site to the tablet or small screen size (cell phone) your logo stays the same size which would cause problems if people view your site on smaller devices. If you want to keep this theme for desktop users, then I would recommend adding the following code to your theme custom style sheet:

    .headerclass {
      background-color: pink;
    }
    .kad-standard-logo img {
      max-width: 600px;
     }

    You can choose any color you want and this will make your logo image bigger. Hope that helps. Regards Chris

    Thread Starter carriecoren

    (@carriecoren)

    I am using the virtue theme, which is responsive. But you actually helped me find the problem…bc when I went to the editor to add your custom css I saw that I had previously added custom css for the header bkg (which was overriding the dashboard selection)…so it’s fixed!

    This is my test site where I try things out, so if it’s been a while I forget what I previously did.

    Thank you for your help Chris.

    Just a note about the logo you can add this css to make the logo area larger for desktop:

    @media (min-width: 992px) {
    .kad-header-left {
    width: 40%;
    }
    .kad-header-right {
    width: 60%;
    }
    }

    Kadence Themes

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘color in header’ is closed to new replies.