• Resolved amyleforge

    (@amyleforge)


    Hi. I’m using the SG Window child theme Layout Builder and need to increase the size of the logo displaying in the header. Anyone know how to do this? We’ve dug through the CSS in both the SG Window and the child theme and see that it’s in the logo-section, but cannot get the section size to increase. I don’t know which theme is controlling that section, the parent or the child.

    My site is http://www.preservationmaterials.com

    Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hey there amyleforge,

    How are you doing today?

    I’ve checked your site and there are styles in one of the media queries that are limiting your logo to just 100px in width. You should be able to override that by adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

    http://wordpress.org/plugins/simple-custom-css

    @media screen and (min-width: 500px) {
    #page .logo-section img {
        max-width: 435px;
    }
    }

    Hope this helps 🙂

    Cheers,
    Bojan

    Thread Starter amyleforge

    (@amyleforge)

    Hi Bojan,

    I am doing well, thanks!

    And thank you so much for the information. I added the plugin and put in that code, and there is no change. I had tinkered with the stylesheet enough that I couldn’t tell where the changes were. So I copied a fresh stylesheet in from the original.

    The logo isn’t skewed anymore, but it’s still tiny. Might you look again? I’ve tried and tried to change this and it’s just impossible. I wish I understood why the theme designer is against large logos in the first place. 🙂

    Amy

    Thread Starter amyleforge

    (@amyleforge)

    Might anyone be able to help? I went through and set the logo size where I wanted it, plus did the custom CSS as suggested by Bojan but the logo is still showing way too small on the homepage.

    It does a neat thing where it shows up tiny in the nav bar when you scroll down the page. This is super neat, but is that why the original is so constrained?

    Thread Starter amyleforge

    (@amyleforge)

    We got it!! Because the logo was in an anchor section, the custom css required an a. I ended up using this:

    @media screen and (min-width: 500px) {
    #page a.logo-section img {
    padding-top: 0px;
    max-width: 435px;
    }
    }

    Phew. That was painful.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Increase logo size’ is closed to new replies.