Can anyone work out this CSS problem?

https://www.snapdragon.band/inner-circle

• This reply was modified 8 years, 2 months ago by snapdragonchris.

unable to see your website using the link provided.
which theme are you using?

Would need to see the code to be able to help But… looks like pseudo elements. look in the css for ::before and ::after the elements that have the |’s

Hi guys…I’ll try and get the website link available to you soon.

Knowing what theme you’re using will probably help a lot, too. What theme?

https://www.snapdragon.band/inner-circle

Does it work now?

Highend theme

The site is not working yet. Have you looked in the theme options to get rid of the bars you don’t want. HudsonValleyWebDesign is probably right about the pseudo elements. Use Chrome to “inspect” the menu to see what CSS is being applied.

Hi can you confirm it is still not working? It should be working.

In custom CSS add the following:

#header-bar .top-widget {
    border-right-color: transparent !important;
    border-left-color: transparent !important;
}

#header-inner.nav-type-2 #main-nav > li > a {
    border-right-color: transparent !important;
}

#header-inner.nav-type-2 #main-nav > li:first-child > a, #header-inner.nav-type-2 li#nav-search > a {
    border-left-color: transparent !important;
}

My friend! That worked to perfection – I’ve been working on this for ages now, thank you so much!