hey guy,s
Re this post: https://kriesi.at/support/topic/menu-custom-divider/#post-694842
Client wants vertical lines evenly spaced between the menu items. Ugh! :)
Thanks!
Hi Justin,
You kan change that in theme settings / header + Separator between menu items
Regards Pete,
Hey Justin,
Please change the code to following one
.av-main-nav li > a:before {
content: '//';
position: relative;
right: 15px;
}
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
border: none !important;
}
ul.sub-menu li > a:before {
display: none;
}
ul#avia-menu > li:nth-child(1) > a:before {
display: none;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Lovely. Thanks Yigit.
They did request that the lines be straight.
But when I add
content: ‘||”
It just doesn’t look good to me. Probably because of the space between both characters.
Hey!
It should look like following when you change lines to “||”. Can you please post a screenshot and show the changes you would like to make?
Cheers!
Yigit
That’s correct Yigit … it does. Thank you.
I personally like the ‘//’ over the ‘||’
But I will leave it to the client to decide.
Appreciate it bro!
Have a blessed day