[Resolved] move tagline below logo image

[Janette]

I am working in the GP elements section for a new header… How do I move the tagline below the logo image?
Thanks!

[Leo]

Hi there,

Are you referring to the default header?

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Janette]

http://www.montaukcommunitychurch.org/welcome/
I created a new header instance to eliminate the space between the header and the nav-bar so I used the element app to do that.

[Leo]

You shouldn’t need to use Header Element for that.

Can you switch it back to the default header again so I can see the original issue?

Header Element should be used to insert that slider.

Let me know 🙂

[Janette]

Okay, it is set to default:
http://www.montaukcommunitychurch.org/welcome/
So now there is a space before the nav-bar and the tagline is above instead of below the logo image.

[Leo]

You mean there is space after the nav bar?

Can you try my suggestion above of using header element to insert the slider?

[Janette]

Okay, I did that. I misunderstood what you meant the first time. Now just the tagline is above the logo image…

[Leo]

Try this CSS:

.inside-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

[Janette]

Bingo! You are the greatest!
Thanks so much!

[Leo]

Glad I could help 🙂

[Author]

Posts