[Resolved] moving site tagline below logo

[sparkle]

i found this solution for a problem i’m having, but i can’t figure out the settings in the new elements system.
https://generatepress.com/forums/topic/moving-site-tagline-below-logo/

i’ve hidden my site tagline and want it to appear under the logo on the left. i added the code to the header element, but it’s appearing below my navigation, not below the logo.

how to move it up above the nav?

View post on imgur.com

[sparkle]

also, on this same site, i’m wondering how to affect the vertical alignment of the logo (to the bottom) and the horizontal alignment on the header widget image (to be closer to the right side).

[David]

Hi there,

would it be possible to see the site ? Its behind a coming soon a the moment.

[sparkle]

oh right, sorry. i’ve disabled that.

[David]

Can you remove the tag line from the header element and re-enable it in the Customizer > Site Identity and ill take a look at positioning it with CSS

[sparkle]

done. 🙂 thanks.

[David]

Try this CSS:

@media(min-width: 769px) {
    .site-branding-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .site-logo {
        margin-bottom: 1em;
    }
}

[sparkle]

so great! how would i go about scootching the dog and cat out closer to the right edge? 🙂

[David]

Try this CSS:

.header-widget .widget img {
    width: auto;
}

[sparkle]

YYYAAAAASSSSS! that’s what i’m looking for. thank you so much, david. you guys are so awesome.

[David]

Happy to be of help 🙂

[Author]

Posts