[Resolved] Site logo above header

[Peter]

Hi Tom and bdBrown,

Many thanks for your assistance to my earlier question.

The following code centered the logo above the site title (which looks great) but it also resulted in the logo, site tile and tagline to be shunted to the left. Is it possible to have logo, title and tagline to be horizontally centered on the page?

/* move logo above site title and centered */
.inside-header {
display: table;
}
.site-logo {
display: table-header-group;
}
.site-branding {
display: table-footer-group;
text-align: center;
}

Finally, Tom, is it possible to only display the logo, title and tagline on the Home page and not subsequent pages.

Kind regards

Pete

Once again in advance, many thanks for your assistance.

[Peter]

Dear Tom,

I have resolved my issues regarding displaying the the logo, title and tagline on the Home page and not subsequent pages – ie. I mastered the disable add-on.

Any ideas on keeping the Header Layout set to CONTAINED while also being able to center (in the middle of the page) the Header site title, tagline and logo.

I am currently only able to center (in the middle of the page) the site title, tagline etc when the Header Layout is set to FLUID/FULL-WIDTH.

Cheers

Pete

[Tom]

Hi Pete,

Are you able to share the link to your site so I can take a look?

[bdbrown]

Pete – give this css a try:

.inside-header {
    display: flex;
    flex-flow: column;
}
.site-logo {
    order: 1;
}
.site-branding {
    order: 2;
}

[Author]

Posts