Docs

[james w]

Hello!

I have managed to add a menu with two levels on it but I can’t add a separator to the menu like this website’s header. http://www.snaidero.com/ I have attached a png with how I want the border to appear. When I add a border the height of the navigation changes and they appear on the bottom. Can you let me know how can I get the right height and position and the separator?

[Rue Nel]

Hello There,

Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password (only if necessary)

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[james w]

This reply has been marked as private.

[Rupok]

Hey there,

Thanks for wtiitng back. You can add this under Custom > CSS in the Customizer.

.x-navbar .x-nav > li:not(:last-child) a::after {
  border-right: 1px solid #999;
  content: "";
  height: 40px;
  position: absolute;
  right: 0;
  top: 30px;
}

Cheers!

[james w]

Thanks and it works like charm! But I have another question. I manage a child theme in my website and it doesn’t override the parent theme’s css files. Why is that? Some elements required !important and others don’t even seem working.

[Paul R]

Hi James,

Please take note of the css priorities.

Parent theme’s style.css
Child theme’s style.css
Customizer custom css
Cornerstone settings > custom css

With cornerstone custom css has the highest priority.

You also need to check css selector priorities.

Specifics on CSS Specificity

Hope that helps

[Author]

Posts