[Resolved] Centered logo in footer

Home Forums Support Centered logo in footer

Viewing 6 posts - 16 through 21 (of 21 total)
  • Author
    Posts
  • #1063250
    Alex

    No problem. I’m learning a lot about GP while trying all these things.

    I’ve added an image widget to the footer bar. I’d like to have it centered and ideally control it’s width. just like we can do with the Site Identity logo width.

    Thanks for all your help with this.

    #1063254
    Leo
    Staff
    Customer Support

    I would highly recommend uploading a much smaller logo so we don’t have to change the width using CSS.

    It will also keep the file smaller as well.

    Try to upload the size you actually want in the footer 🙂

    #1063255
    Alex

    It is an SVG logo, I was hoping to use mostly SVG where possible.

    #1063306
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media(min-width: 769px) {
        .inside-site-info {
            position: relative;
        }
        .footer-bar-active .footer-bar .widget_media_image {
            position: absolute;
            top: 0;
            left: 50%;
            right: 50%;
            width: 200px;
            transform: translate(-50%,-25%);
        }
    }
    #1063314
    Alex

    That did the trick. Thank you both Leo and David. You guys are super responsive.

    #1063385
    David
    Staff
    Customer Support

    Glad we could be of help

Viewing 6 posts - 16 through 21 (of 21 total)
  • You must be logged in to reply to this topic.