Archived topic
customize menu navigation
3 replies · Started by liorsade8 on December 18, 2017
hi,
if i want to make divider between the pages in the menu nav bar for an example
home X about X page1 X contact
to put X for seperations....
or | for seperations like this example: home | about | page1 | contact
or some picture or font awesome icon seperator...
is it possible?
Hi there,
Try this: https://generatepress.com/forums/topic/separators-in-menunav-bar/#post-129569
great thanks.
it works!
but if i want to put an X i'm just putting it in the content.... and it's working ...
but if i want to put an icon or a picture / img....
is there a way? what code i need to write in the content?
thanks
.main-navigation .main-nav > ul > li:not(:last-child) > a:after {
content: "???????";
height: 20px;
width: 1px;
display:block;
position: absolute;
right: 100%;
top: 20%;
margin-top: -8px; /* half of your height */
}
This should help: https://css-tricks.com/almanac/properties/c/content/#article-header-id-2
