Adding thin lines to menu

Support
#1

See here:

As you can see I have thin lines on either side of the home button, when I added that, I assumed it was going to add it to each menu item, it has not, how do I go about this? this is the code I have:

.x-navbar .desktop .x-nav>li:first-child>a {
    border-left: 1px solid #A6A8AB;
    border-right: 1px solid #A6A8AB;
}

Thanks.

#2

Hi @logoglo,

Thanks for reaching out.
I have checked your website but didn’t find the problem you described here. I would suggest you please provide any screenshot marked with the issue or any video that help us to recognize the problem.
Please remember that we don’t offer any support to the custom coding issues.

Thanks

#3

See how the menu is with the lines on either side of the menu item…

live site looks like this:

When it should have the lines on each side of each menu item (I thought I explained this pretty clearly?)

Like this:

Thanks.

#4

Hello @logoglo,

To add the tine line in the menu item, I would suggest you replace your code with the given code.

.x-navbar .desktop .x-nav>li>a {
border-right: 1px solid #A6A8AB;
}
.x-navbar .desktop .x-nav>li:first-child>a {
border-left: 1px solid #A6A8AB;

}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

#5

Perfect! thanks!

#6

Hi @logoglo,

Glad that we are able to help you.

Thanks

#7

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