Home Forums Support header widgets

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #165735
    Joel

    Hi,
    I am trying to make the header widgets move to the left more, closer to the logo. I was able to align them vertically but would like to reduce the space between the logo and the widgets.

    I am using the following css to align them:

    .header-widget .widget {
        display: inline-block;
        vertical-align: top;
        padding: 10px;
    
    }

    Any suggestions?

    #165803
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    First, you’ll want to add this function: https://gist.github.com/generatepress/eca14d26e64d77d07384

    Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/

    Then this CSS:

    .site-logo,
    .header-widget {
        float: none;
        display: inline-block;
    }

    Adding CSS: https://generatepress.com/knowledgebase/adding-css/

    Let me know 🙂

    #165882
    Joel

    That worked, thanks again.

    Is there anyway to control where the space between the logo and widgets if I want to increase it a little bit?

    #165929
    Tom
    Lead Developer
    Lead Developer

    For sure:

    .header-widget {
        margin-left: 20px;
    }
    #166345
    Joel

    Thanks that did it, but now it has pushed the logo down and the widgets are not aligned anymore.

    #166416
    Tom
    Lead Developer
    Lead Developer

    Any chance I can see the site?

    #166648
    Joel

    I am doing this local, here are a couple screenshots if that helps:

    before

    http://prntscr.com/9s1v70

    after

    http://prntscr.com/9s1vhk

    second one is good, but would like the logo back up to align with the widgets.

    Thanks again!

    #166841
    Tom
    Lead Developer
    Lead Developer

    Hmm, very hard for me to tell what’s going on without being able to inspect the code.

    Maybe when you put it on a live server you can post back and I can take a quick look? Should be something simple, it’s just impossible to know by the screenshots.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.