Put Logo into Top Bar of Integrity 1

[kmatan]

http://tabano.kevinmatan.com/ I’d like to add the logo to the left side of the top bar section and eliminate the logo area. Ultimately the logo and top bar items all on the same line. Can this be done in this theme?

[friech]

Hi @kmatan,

Thank you for writing in, please add this to the Theme Options > Header > Topbar Content

<a href="/" class="topbar-logo left">
  <img src="/wp-content/uploads/2019/11/Tabano_blk-300x173.png" alt="Steven R. Tabano and Associates" />
</a>

And then to adjust its width, please add this to Theme Options > CSS area

.topbar-logo img {
  width: 100px;
}

Then add this custom CSS as well to hide the logobar

.x-logobar {display: none !important;}

Hope it helps,
Cheers!

[kmatan]

I’m so close. Is it possible I can align the phone number under neath or before the social icons? I’d like it to be on the right and be able to control the size.

[ruenel]

Hello @kmatan,

Please have your topbar content updated and use this:

<a href="#" class="topbar-logo left">
  <img src="/wp-content/uploads/2019/11/Tabano_blk-300x173.png" alt="Steven R. Tabano and Associates">
</a>

<a href="tel:1234567890" class="topbar-phone right">1234567890</a>

And then you can make use of this custom css:

.x-topbar .p-info {
    display: inline-block;
    width: calc(100% - 100px); 
}

.x-topbar .p-info .topbar-phone {
    font-size: 18px;
}

We would love to know if this has worked for you. Thank you.

[kmatan]

@RueNel

.x-topbar .p-info {
display: inline-block;
width: calc(100% - 100px);
}

.x-topbar .p-info .topbar-phone {
font-size: 18px;
}

It puts the logo where I want and the phone where I want - separating the two items. Great work. http://tabano.kevnmatan.com

• I feel like this post was edited. Someone had suggested X theme Pro - which I had.

So, I migrated the content to http://bluepill.commandcreative.net/

My question is - Can I suppress the ‘menu’ from Integrity 1 out of the original X theme ? My intention would be to build a new header with custom nav. and slowly transition from X theme content to simply content generated by pro.
I don’t hav enough time to start over with Pro from scratch

[friech]

Hi @kmatan,

Yes, once you have your custom header built, you can assign that header to specific pages/posts or you can set it as a Global Header.

• 

You can start from here on how the Header and Footer builder works.

@kmatan

I feel like this post was edited. Someone had suggested X theme Pro - which I had.

No, we do not edit thread, I think you’re referring to your other thread here.

Cheers!

[kmatan]

On it!

How do I hide the menu in Integrity?

[ruenel]

Hello @kmatan,

Please go to Appearance > Menus and create your own set of menu/s. And then in your Pro > Headers, edit your custom header and assign the newly created menus in the navigation element that you may have inserted in one of the containers.

Hope this helps.