Change the header menu to be like footer menu

[ryuseirecca]

Want to add header menu with a border so it is like footer menu, but I don’t find any property about border in #primary-menu (and #menu-footer) at style.css so I get some difficulty to change the style. As far I know Theme Options didn’t provide the options.

[Veena]

Pls try the below custom CSS in themeoptions –

#header-menu ul#menu-cabang li:before {
    content: "|";
}

[ryuseirecca]

Sorry Phoenix, I want to change primary menu not header menu. It works on header menu though but after the last menu, it still gives “|”.

[ryuseirecca]

Argh, thread title was wrong….. Big mistake by me

[ryuseirecca]

Hei, in parent site I’ve changed the menu, but in child site I encounter new promblem
these are the code in Custom CSS

#primary-menu ul.menu > li:before {
    content: "|";
line-height:95px;
color: #54ddd4;
}
#primary-menu ul.menu > li:last-child:before {
          content: "";
          margin: 0; 
}

At first nothing happened like figure 1,

[attachment file=”2016-02-04 17_04_54-Kanaan Semarang.png”]

but if you scroll down , you’ll see the problem at figure 2.

[attachment file=”2016-02-04 17_05_11-Kanaan Semarang.png”]

[Veena]

The custom css that having greater than(>) symbol is causing this issue.

In custom CSS after saving the changes the > symbol is getting converted into

>

and thus becomes an invalid CSS.
We will release an update to address this issue. So for the time being pls upload the childtheme and move all the custom CSS there.

[Author]

Posts