Docs

[adamzinger]

Hi,

I really need some help customising a navbar on a new client site. I’ve attached two files…

1. header-current.jpg – this is how the header looks now
2. header-desired.jpg – this is how I want the header to look

Please note that the desired header is full width and has a 3rd column to the right of the navigation for a phone number. Also, the actual navigation bar section would need to be centralised.

Can you please tell me how I can achieve this? I know how to use child themes I’m just having trouble actually coding it so need suggested code to put into the child theme _navbar.php file, CSS and so on.

I will include WordPress login in the next message.

Many thanks!

P.S. I’ve been waiting very patiently with the new customised header functionality. Do you have a date for that update yet? Getting desperate for it ;-D

[adamzinger]

This reply has been marked as private.

[Joao]

Hi There,

Usually we dont do the changes and rather give you directions. But in this case as I had to add a new menu Item I have done it for you.

I have added a new menu item, please update the telephone number there.

And I have addedd the following CSS to Appereance Customizer Custom CSS

/*support header customization */
.x-navbar .desktop .x-nav>li#menu-item-90 span::before {
 content: "/tel/  ";
  color: #b7c1c7;
    font-size: 12px;
}
.x-navbar .desktop .x-nav>li#menu-item-90 a{
  color: white;
  font-size: 20px;
margin-top: -5px
}
.x-navbar .desktop .x-nav>li#menu-item-90 {
float: right;
}
.masthead-inline .desktop .x-nav {
  float: none;
}
@media(min-width: 1400px) {
.x-brand {
    margin-right: 10%;
}}

@media(max-width: 480px) {
  .x-brand img {
  width: 200px;
} 
.x-navbar-inner .x-container.max.width {
    margin-bottom: -10px;
}
.x-btn-navbar, .x-btn-navbar.collapsed , .x-btn-navbar:hover, .x-btn-navbar.collapsed:hover {
    margin-top: 12px;
    background: none;
    box-shadow: none;
}
}

I would say it is quite similar, feel free to do some fine adjustments.

Cheers

[adamzinger]

Thanks for your help Joao. I’ll have a closer look and a play tomorrow.

Any update on the new header features coming yet?

Adam

[Joao]

Hi Adam,

I cannot provide you an official ETA.

But I believe it should be in less than 4 weeks.

I am also very excited about it 🙂

Let us know if you need help with anything else.

Joao

[adamzinger]

Thanks Joao, I am crying out for this header customization update so please pass on my desperate pleas to the powers that be!

[Joao]

It will be very soon 🙂

We are all very excited about it also.

🙂

[Author]

Posts