0

I am working with a menu tutorial found here and everything works fine except i would like border corners. I've tried setting them everywhere possible but nothing works. any ideas on where it should work?

I've tried:

.cbp-tm-show .cbp-tm-submenu{
   border-radius: 5px;
}

also:

.cbp-tm-show-below .cbp-tm-submenu{ border-radius: 5px; }

every possible place i've tried it and haven't seen any effect.. :(

Andres
  • 2,013
  • 6
  • 42
  • 67
  • what browser are you using? see this question if its IE: http://stackoverflow.com/questions/635851/support-for-border-radius-in-ie – Kevin Nacios Jul 02 '13 at 01:07
  • chrome, i've never had an issue with rounded borders before this is the first time and i'm assuming its something in the css in this tutorial thats keeping me from it. – Andres Jul 02 '13 at 01:12
  • @Andres You can use the Chrome DevTools to see if other CSS is affecting the element. – Mooseman Jul 02 '13 at 01:28
  • I've tried everything, disabling properties adding and haven't been able to figure it out. Thats why I'm asking if someone else could take a look maybe I'm just missing something..you know how it is, work on it too long and u get lost..lol – Andres Jul 02 '13 at 01:38
  • We need a link to your site under construction or the code. If code, please strip it down to its essentials. – Frank Conijn - Support Ukraine Jul 02 '13 at 01:57

2 Answers2

1

As @Dean Stalker mentions, you need to set a background color on the submenu's ul element. You also need to set padding or a border width > 0 to that same ul in order for border-radius to have something to "round off".

The below assumes the background color of the submenus is white, like in the demo you linked to:

.cbp-tm-submenu {
    border: 5px solid #fff;
    background-color: #fff;
    border-radius: 5px;
}
Rob Kovacs
  • 1,077
  • 9
  • 8
0

@Andres Try setting a background color on the ul element (.cbp-tm-show .cbp-tm-submenu). At the moment the background color is set to transparent (in the demo).

Dean Stalker
  • 16
  • 2