Customizing the navbar and the topbar

Support
#1

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:

http://cbu.2de.mwp.accessdomain.com/

#2

Hi There,

Please change the topbar content to this:

<img class="left" src="http://cbu.2de.mwp.accessdomain.com/wp-content/uploads/2018/06/c2r-logo-SM.png" 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:

#3

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

#4

Glad to hear the code helped.

Cheers!

#5

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?.

#6

Hi,

Please refer to the link below

Hope that helps.

#7

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