Viewing 9 replies - 1 through 9 (of 9 total)
  • Do you have a link to the site you’re working on?

    Hi @avacadobacon, add this:

    .navbar-wrapper .brand {width:100%;display:block;}
    .navbar-wrapper .navbar {width:100%;float:right;}
    .header-spacer {
    height: 10px !important;
    }

    You may need to untick from Customiz’it the option to force the logo to 250 x 100 if you want to play with the correct size for your logo.

    Thread Starter avacadobacon

    (@avacadobacon)

    Oh cool, thanks guys I’ll try these tonight. I can provide the link, but currently the Customizr theme is disabled (basic splash page in its place).

    Will work on this and report back. Thanks again.

    Thread Starter avacadobacon

    (@avacadobacon)

    Great, that worked! Resolved, thanks!

    Hi,

    I have the same issue (centering the title on my page). I have managed to get the menu/navigation bar underneath which is what I wanted but I’m not managing to center the title.
    I have tried what feels like EVERYTHING, but I am a new user (been at this for two days) and I can’t figure it out.
    I have made a child theme and I copied the code from the appropriate css file from the folder.

    Here is the code that I have found for the header and title, and what I’ve done so far to get the navigation thing underneath:

    @import url(“../customizr/style.css”);

    .tc-header .brand {
    float: center;
    text-align: center;
    margin: 0px;
    padding: 0px;
    /* Increase vertical padding to match navbar links */
    font-size: 16px;
    font-weight: bold;
    min-width: 250px\9;

    /* IE 8 and below */

    }
    .tc-header .brand h1 {
    font-size: 45px;
    }
    .tc-header .brand a {
    text-decoration: none;
    margin: 10px 0;
    display: block;
    }
    .tc-header .outside {
    display: none;
    }

    .navbar-wrapper.clearfix.span9 {
    width: 100%;
    margin: 0%;
    }

    .navbar-wrapper .navbar {width:100%; float:right}
    .header-spacer {
    height: 10px !important;
    }

    Hopefully someone can help me out??

    Cheers,
    Elo?se

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is there a way to center the logo, but keep the navigation menu on the top left or right? I centered my logo and now the navigation menu moved under the logo.

    If you require assistance then, as per the Forum Welcome, please post your own topic instead of tagging onto someone else’s topic.

    I am now closing this 9 month old topic as it references an older version of WordPress.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to center the logo in header?’ is closed to new replies.