Joomla Templates Club 406,261 posts

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#960481

Hi there, I would love some help on this as I am a little stuck on this one. Basically if you login to my site you get a menu in the top right hand corner which is a easysocial menu and you can have any menu item you wish in it. This menu will be very large on my site as I am using most features of easysocial and therefore I would like to break up the sections with little horizontal lines.

Specifically this is the menu I am referring to here and please notice in the second have of the video I show the facebook dropdown menu which has these horizontal spacer lines that separate out groups of functionality in the menu: http://recordit.co/qOwfyoYKN0

So my question is how do I get a similar type of divider horizontal line into the menu to create a visual breaking up of the menu and make it easier to view. I hope I am explaining this right and any help would be much appreciated as I am sure others have a similar scenario when it comes to large network type websites.

thanks in advance,
James

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#960608

Hi
add below code in custom.css file to apply a border in bottom

body div#fd.es.popbox .dropdown-menu-user > li {
    border-bottom: 1px solid #dddddd;
}

It will look like this > http://prntscr.com/c6o1st

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#960722

@pankaj I think you may have miss understood me here. What you suggest does indeed at a divider line however it adds it to every single menu item. What I was referring to in my video is the fact that on the likes of Facebook there is menu items of "create a page and manage a page" and then a line so its a line dividing up groups of functionality in the menu.

So to be specific if you look at this video here: http://recordit.co/rFz3OsXMOa

you can see two menu items and then a line and then 4 menu items and then a line. That kinda thing?

Is this clearer now? Thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#960733

Hi
you can not apply this in that you see in FB because all items using same classes
http://prntscr.com/c6racf

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#960751

Ok so its not possible currently to have a divider line after 4 menu items in a dropdown. not to worry hopefully in the future its possible.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#960805

Hi
its not part of the template since the working is from the extension /module , we are unable to do , you need to customize the extension to achieve this .

1 user says Thank You to Pankaj Sharma for this useful post

1. jamjodesign

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#960820

@pankaj, I understand thank you for explaining this.

[Author]

Posts