text bar on top

[Diego Letelier]

Hello!

Could I have only a text on the bar on top? Maybe at the same for navigation and rrss I could display text? Also I would like to change the colour of only top bar.

The link attached is a sample of what I would like to have on the website.

Let me know if I am asking too much, best regards.

Diego

[Zex]

Hello, Diego!

Please follow the steps below:

1. Navigate to Appearance->Menus and insert the Custom link to your “top” menu.
https://prnt.sc/rlbh07
https://prnt.sc/rlbnro

2.
Depending on which header you are using, go to Customizing-> Header-> General … Header_V #,
and turn off the Social Icons if you don’t need it.
https://prnt.sc/rlbqjt

3.Insert the following code into Customizing->General->Additional CSS:

.top-navigation ul{
    text-align: center!important;
}
nav#top-navigation.pull-left{   
    float: none!important;
}
.top-nav-wrapper {
    background-color: #666666;
}

https://prnt.sc/rlc14w

Change the background color value per your wish.

You can change the text typography from the Customizing->Navigations->Navigation Top menu
https://prnt.sc/rlc2uh

If you need anything else, feel free to contact me again.

Also, you can try the Simple Banner plugin.
https://prnt.sc/rlcdub

Regards

• This reply was modified 3 years, 4 months ago by Zex.

[Diego Letelier]

This reply has been marked as private.

[Zex]

Hello, Diego,

Try to substitute the codes you currently have with the following:

#top-bar{
    background-color:grey!important;
}
#top-social ul li a {
    color:white!important;
}
.agama-primary-nav  {
   text-align: center;
}		
.top-links {
    margin-left:40%;
}
#top-bar .pull-left{
    float:none!important;
}

Regards

[Diego Letelier]

Awesome!

Thank you!

[Author]

Posts