Jump to content


Photo
- - - - -

That little point at the top of a dropdown menu


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


  • Please log in to reply
8 replies to this topic

#1 regalcreative

regalcreative

    Member

  • Members
  • 10 posts
  • Country: Country Flag

Posted 04 March 2013 - 08:17 AM

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



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

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

regalcreative

    Member

  • Members
  • 10 posts
  • Country: Country Flag

Posted 04 March 2013 - 08:46 PM

Hi,

If you go to 

Please Login or Register to see this Hidden Content

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

mstmarie1

    Advanced Member

  • Members
  • 52 posts
  • Framework Version:PageLines Developer
  • Country: Country Flag

Posted 04 March 2013 - 09:05 PM

He's looking at the

 

Please Login or Register to see this Hidden Content

 

in the menu items



#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

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

regalcreative

    Member

  • Members
  • 10 posts
  • Country: Country Flag

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:

Please Login or Register to see this Hidden Content



#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

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

mstmarie1

    Advanced Member

  • Members
  • 52 posts
  • Framework Version:PageLines Developer
  • Country: Country Flag

Posted 05 March 2013 - 01:20 PM

Wouldn't

 

Please Login or Register to see this Hidden Content

 

have worked?



#9 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 March 2013 - 01:23 PM

Wouldn't

 

Please Login or Register to see this Hidden Content

 

have worked?

 

Should do :D