Customizing the navbar and the topbar

I moved the logo from the navbar to the topbar but I would like to left justify the log and right justify the type. I would also like to center the menu in the navbar. Can you help? This is what I have right now:

Hi There,

Please change the topbar content to this:

<img class="left" src="" alt="connection to recovery" width="240"> <span class="right">For nationwide help with drug or alcohol addiction, call now: 1-877-212-8299</span>

After that add this custom CSS under Theme Options > CSS:

body .x-topbar .p-info {
    float: left;
    width: 100%;

body .x-topbar .p-info .right {
    margin-top: 14px;

.x-topbar .x-social-global {
    display: none;

.masthead-inline .desktop .x-nav {
    float: none;
    margin: 0 auto;
    max-width: 710px;

@media (max-width: 979px){
    body .x-topbar .p-info img {
        float: none;

Hope it helps :slight_smile:

Thank you. This worked accept I lost the color and the font size of the topbar content. That was an easy fix though.

Glad to hear the code helped.


I’m also trying to keep two columns the same height when the browser window resizes. I’ve tried a couple of the javascript suggestions posted, but whenever I make the browser window smaller, one of the columns grows larger than the other to contain the text. Any ideas?.


Please refer to the link below

Hope that helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.