Site logo

Archived topic

Logo blocks the site title and doesnt center

7 replies · Started by Kingsley on November 9, 2021

Viewing posts 1–8 of 8

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

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.

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

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. :D

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;
}

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

Hi there,

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

This archived topic is closed to new replies.