Adding text to header in the menu bar

Hi Pramod Terdale

You can do this with some custom CSS, and a widget. Please navigate to AppearanceWidgets and add a new Text widget into the header. Leave the title blank, and put a small amount of text into the content text area. Please keep in mind you’re kind of restricted in how much text you can have here based around how many menu items you have. Too many and you might get clipping. Save your change and then navigate to AppearanceCustom CSS, which is our custom CSS editor. Then Switch

Just add the following code.

.textwidget {
    position: relative;
    top: 87px;
    right: 100px;
    color: #fff;
    z-index: 20;
}

That should be a decent start. You’ll likely need to adjust it slightly to get things 100% but I should be able to help with that if you can’t work out how.

Also, please note that if you have multiple text widgets in your header this will likely cause problems. Please tell me and I’ll help you with fixing this also. Also, please note that the header widgets aren’t visible when in the custom CSS editor. This is a bug, and we’re aware of it. You might also need to install the SiteOrigin CSS Editor.