[Resolved] Site title and tagline to be aligned

[Jamal]

Hi,

I was trying to have my header centered and put a header widget in there as well. The problem i have is that the header widget pushes the site title while the tag line remains in its previous position,so is it possible to make them be affected the same way by the header widget?

Would be lovely to have site title and tagline aligned on top of each other nicely.Thanks

[Tom]

I believe it depends on the height of the header widget – it will push centered elements over if it reaches their line.

Can you link me to the site?

[Jamal]

I just sent you link to my site through email,Tom. Thanks

[Tom]

I wonder if it would be worth adding those icons into the menu instead of the widget?

Otherwise you could try something like this:

@media (min-width: 769px) {
    .inside-header {
        position: relative;
    }
    .header-widget {
        position: absolute;
        right: 30px;
        top: 30px;
    }
}

[Jamal]

You are excellent Tom ! This works,thanks a lot.
I added those icons using the lightweight social icons plugin by the way.

[Tom]

Glad it works 🙂

[Author]

Posts