Menu divider lines possible in Renew theme?

Support
#1

hi,
kindly let me know if/how it is possible to style the menu at renew theme pro with divider lines in the menu? … see attached pic.
i searched the forum but couldn’t find any hint.

thanks for any support :slight_smile:

#2

Hello @mtwice2,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

.x-navbar .desktop .x-nav>li {
    border-right: 1px solid #fff;
}

.x-navbar .desktop .x-nav>li:last-child {
    border: 0;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

Thank you so much for your awesome support!

That worked great :slight_smile:

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.