This forum is archived. Posts are preserved for historical reference. For current help, join us on Discord.

Reply To: Hamburger Menu – Divider

In UserSpice 4.3 and Below · Started by muhammedc on 2017-03-09 3:15 pm · 12542 views · 5 replies

Hi

Sorry, but I mistakenly posted this to the wrong group earlier...

Is it possible to use a divider in the hamburger menu?

I’ve tried
<li class="divider"></li>
but that doesnt show up on the hamburger menu…

Thanks
I've never tried, but this is what people say on stack overflow.
http://stackoverflow.com/questions/14478091/bootstrap-divider-for-responsive-navigation

Particularly, the hamburger menu in the lower right quadrant of this jsfiddle...
http://jsfiddle.net/shail/zqNzk/6/


Hi

I stumbled across this post before posting here... I tried that by adding the CSS code there to the custom.css file in UserSpice. I then added a line in the navigation.php to reference the custom.css stylesheet and used
<li class="divider"></li>
... but still nothing...

on the jsfiddle mentioned above, they are using
<li class="divider"></li>
and no CSS and it is showing up as a divider... but in UserSpice, with or without the CSS - Nada...

Any further ideas that I could try? or am I missing something on the above...

Thanks @muadmin
I was able to get the line in by closing out the existing div and creating another one just like it. So, I went into usersc/includes/navigation.php and did this...
https://hastebin.com/cuvixefina.js

Which makes it look like this...
http://puu.sh/uCmI0/32c78424ec.png

I hope that helps.
Perfect! That worked! :)

Thanks buddy
No problem! I kinda got lucky on that one.