Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Resolved] Site logo above header

Home Forums Support Site logo above header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #146108
    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.

    #146130
    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

    #146147
    Tom
    Lead Developer
    Lead Developer

    Hi Pete,

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

    #146154
    bdbrown

    Pete – give this css a try:

    .inside-header {
        display: flex;
        flex-flow: column;
    }
    .site-logo {
        order: 1;
    }
    .site-branding {
        order: 2;
    }
    
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.