Cannot Center Logo + Tagline

  • Hello!
    I’ve scowered many webpages looking for a solution but I can’t get anything to work. Maybe it’s a theme issue?

    I’m merely attempting to align my Logo and Tagline on top of each-other, centered.
    I managed to get the two fields on top of each-other but can’t get any further.

    Here are some images that may be of my website.

    Centering?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • The design of your site, including the placement of logo and such, are controlled by your active theme.

    But your issue is not so much a “theme issue” in the sense that there’s something wrong with the theme: the logo and tagline are exactly where the theme’s author intended them to be, so there’s no “theme issue” in that sense ??

    Of course, you can override the theme author’s intentions and centre your logo and tagline if you so wish. Except the CSS code you have in your screenshot have nothing to do with centring elements on a page!

    So if you want to centre your logo and tagline, with the tagline BELOW the logo, follow these two simple steps:

    STEP 1: Remove the following custom CSS you place in the “ADDITIONAL CSS” box of Customizer:

    .site-description {
    width: 2000px;
}

.site-branding {
        display: table;
}

    STEP 2: Add the following CSS code instead.

    .site-branding {
flex-direction: column;
}

    Good luck!

    Thread Starter cagno

    (@cagno)

    Thank you so much!!!!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Cannot Center Logo + Tagline’ is closed to new replies.

Tags