Hey, having a hard time figuring out how you guys did that little pointy thing at the top of a dropdown <ul>. Need just standard square look in this case. Please let me know if you can fill me in...thanks
That little point at the top of a dropdown menu
Started by
regalcreative
, Mar 04 2013 08:17 AM
Best Answer regalcreative , 05 March 2013 - 01:46 AM
Hi everybody,
Thanks for the suggestions. I had already done a bunch of CSS on the NavBar and didn't want to have to start over, so I pressed on and figured it out. I realize this is unsupported, but I got the little pointy part to disappear by doing a display:none on the ::before and ::after of the <ul>, so:
.navbar .navline > .dropdown > .dropdown-menu::before, .navbar .navline > .dropdown > .dropdown-menu::after {
display: none !important;
}
Go to the full post 
8 replies to this topic
#2
Danny
-
- Moderators
-
- 7,529 posts
Ninja
- LocationManchester, UK
-
Country:
Posted 04 March 2013 - 09:19 AM
Hi,
I apologise but I am not quite sure what you're referring to, can your reply and go into greater detail please.
#3
regalcreative
-
- Members
- 10 posts
Member
-
Country:
Posted 04 March 2013 - 08:46 PM
Hi,
If you go to
and click on Templates in the top nav, there is a little point at the top of the dropdown menu. This is what I am referring to. Thanks
#4
mstmarie1
-
- Members
- 52 posts
Advanced Member
- Framework Version:PageLines Developer
-
Country:
Posted 04 March 2013 - 09:05 PM
He's looking at the
in the menu items
#5
Rob
-
- Moderators
-
- 9,426 posts
One Smart Egg
- LocationEast Coast, USA
- Framework Version:The Latest, of course
-
Country:
Posted 04 March 2013 - 09:24 PM
Hi,
It is created automagically whenever you add child menu items via Dashboard > Appearance > Menus. There is no coding needed to implement this. This border element is built into core code. We don't support modifying such code.
I don't know what you mean by this "Need just standard square look in this case" but presume you do not want that up-pointing part of the border. If that's true, I'd recommend simply swapping NavBar with Nav Classic in Dashboard > PageLines > Drag & Drop > Header. Nav Classic will give you a very plain, simple drop down menu, without borders, highlighting or anything fancy. You can code those, if you desire, with CSS.
Hope this helps.
#6
regalcreative
-
- Members
- 10 posts
Member
-
Country:
Posted 05 March 2013 - 01:46 AM Best Answer
Hi everybody,
Thanks for the suggestions. I had already done a bunch of CSS on the NavBar and didn't want to have to start over, so I pressed on and figured it out. I realize this is unsupported, but I got the little pointy part to disappear by doing a display:none on the ::before and ::after of the <ul>, so:
#7
Rob
-
- Moderators
-
- 9,426 posts
One Smart Egg
- LocationEast Coast, USA
- Framework Version:The Latest, of course
-
Country:
Posted 05 March 2013 - 01:50 AM
If it works, and you didn't have to edit core files, it's a winner! Glad you were able to accomplish this!
#8
mstmarie1
-
- Members
- 52 posts
Advanced Member
- Framework Version:PageLines Developer
-
Country:
Posted 05 March 2013 - 01:20 PM
Wouldn't
have worked?
#9
Danny
-
- Moderators
-
- 7,529 posts
Ninja
- LocationManchester, UK
-
Country:
Posted 05 March 2013 - 01:23 PM
Wouldn't
have worked?
Should do 
