Archived topic

header widgets

7 replies · Started by Joel on January 14, 2016

Viewing posts 1–8 of 8

January 14, 2016 at 3:47 am #165735

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?

January 14, 2016 at 10:34 am #165803

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 :)

January 15, 2016 at 2:25 am #165882

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?

January 15, 2016 at 10:13 am #165929

For sure:

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

January 18, 2016 at 4:43 am #166345

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

January 18, 2016 at 11:02 am #166416

Any chance I can see the site?

January 19, 2016 at 4:21 am #166648

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!

January 19, 2016 at 11:23 pm #166841

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.

This archived topic is closed to new replies.

Start building better websites today.