[Support request] Logo blocks the site title and doesnt center

Home Forums Support [Support request] Logo blocks the site title and doesnt center

Home Forums Support Logo blocks the site title and doesnt center

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1998029
    Kingsley

    Hello, please my site logo cannot center; instead it blocks the site title. I want the logo to be first as it is, then the site title before the menu or site title first, logo and then men. All centered. Please help. The site is https://www.reviewcartel.com
    Thanks. I have added some codes i found in the forum but it didn’t work so i removed it

    #1998044
    Elvin
    Staff
    Customer Support

    Hi there,

    Your site’s logo isn’t going center because you have the site title active on the right side of it.

    Can you try hiding the site’s title on Appearance > Customize > Site Library? There should be a checkbox there that hides it for the site.

    #1998165
    Kingsley

    Thanks, I have cleared cache and hidden site title and it Centered. Now I have a question. does it mean I cant have my title and Logo at the same time? I wanted my title to show immediately after the logo (Centered) so my visitors also know more about what my site is all about. Please see this image for how i want it to look. https://imgur.com/a/4iQyB1x

    The Site Title Can be above the Logo Centered if it cant be below. Also if the Tagline cant show under the Title as see on the Image, I don’t mind having it Hidden. My Website is https://www.reviewcartel.com

    Thanks

    #1998172
    Elvin
    Staff
    Customer Support

    This is certainly possible with custom CSS.

    Can you unhide the site title and tagline and let me have a look again? to inspect for CSS writeup. 😀

    #1999265
    Kingsley

    I have done so. the website once again is https://www.reviewcartel.com

    Expecting Your Speedy Response as usual.

    Thanks.

    #1999318
    Elvin
    Staff
    Customer Support

    Add this CSS:

    .site-branding-container {
        flex-direction: column;
    }
    
    .site-logo, .site-branding {
        width: 100%;
    }
    
    .site-branding {
        text-align: center;
    }
    
    .site-logo {
        margin: 0 !important;
    }
    #1999766
    Kingsley

    Thanks. I have added the code. It is now centered on Pc. Its not displaying well on mobile and also it doesnt show the site title; only the headline. My website once again is https://www.reviewcartel.com

    Thanks for Your anticipated speedy response as always.

    Thanks

    #1999773
    David
    Staff
    Customer Support

    Hi there,

    your site titles color ( in Customizer > Colors ) is set to White – change that color to make it visible.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.