Adding Custom Content to the nav bar

[valeoadmin]

Hi there,

I had a question about adding content to this area( http://prntscr.com/mqepl2 ) of our nav bar at dev.valeonetworks.com. I was going to add our email and phone number number there. Would the only way to do this just be create another div inside x-navbar by changing the html files on our server? If so which file name should I look for in the theme?

Is there another way to modify this area through the theme in wordpress itself without opening the html file on the server?

Thanks!
Ryan

[Prasant]

Hello Ryan,

Thanks for asking.

You have the option of adding following CSS under X > Theme Options > CSS:

.x-brand::after{ content: "[email protected] | Enter phone number here ";
  color: #fff;
  margin-left: 30px;
  font-size: 14px;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[valeoadmin]

Oh thats definitely along the line of what I’m trying to do.

Do you know of a way that we can do a break line where you put the | character in the content string? So that the email would sit above the phone number?

I know it’s easy in html but I can’t find a way to break the line using the code you gave in only css and have it display correctly.

Thanks!

[rad]

Hi Ryan,

Could you this one too? It should add linebreak without a need for HTML

.x-brand::after{ 
  content: "[email protected] \A Enter phone number here ";
  white-space: pre-wrap;
  color: #fff;
  margin-left: 30px;
  font-size: 14px;
}

The line break is \A.

Hope this helps.