JoomDev: side menu style (1/2)

Introducing astroid v2.0 with article types, custom badges and much more. Download Now

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: side menu style

side menu style 4 months 2 weeks ago #7077

  • pete
  • pete's Avatar
  • Offline
  • Senior Member
  • Posts: 55
  • Thank you received: 1
  • Karma: 0
Hi,

I'm creating a new menu to be displayed on certain pages. However, I don't have luck with consistency of the look. I created a module wiht menu items.

If I use it in the SP Page Builder as a page addon ((joomla module) it looks like this:




Since some pages do not use SP Page Builder, e.g. K2 Item, I tried to assign the module to position "right".
However, then lit looks like this:



Itried to add the "jd_sidebar_menu" class, but it didn't help.

Questions:
1. How do I achieve consistency in looks if the module is used as item in SP Page builder and in K2 Item page (position: right).
2. How can I modify the look for the 2nd tier link (see 2nd picture example: Hydrogen Test) to be "nicer" - maybe smaller font?

thanks,
Pete
The administrator has disabled public write access.

side menu style 4 months 2 weeks ago #7111

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 2185
  • Thank you received: 351
  • Karma: 59
Hello Pete,

Thanks for reporting. We fix this issue in next update and release it very soon.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

side menu style 4 months 1 week ago #7158

  • pete
  • pete's Avatar
  • Offline
  • Senior Member
  • Posts: 55
  • Thank you received: 1
  • Karma: 0
You are welcome.

Any estimate on timing? I plan to go live soon, so just need to know if I have to do some workaround, or if I can wait.

pete
The administrator has disabled public write access.

side menu style 4 months 1 week ago #7169

  • roshan jajoriya
  • roshan jajoriya's Avatar
  • Offline
  • Administrator
  • Posts: 31
  • Thank you received: 11
  • Karma: 3
Hello Pete

Hope you are doing well !!
We are preparing the update but it might take a little more time, so I checked your issue and here is the solution below if you want to apply it manually.

1. open the file ROOT/templates/jd_medical/less/custom.less
2. Then find " start responsive " and add this css code before the " start responsive " .
/* ---------- Default Menu start ---------- */

.sp-module{
	ul.menu{
		li{
			border:none;
			a{
				border-bottom:1px solid #e8e8e8;
				&:before{
					display:none;
				}
			}
			
			&.active{
				a{
					color:#4593ff;
				}
				
				&.parent{
					ul{
						li{
							a{
								color:#323232;
							}
							
							&.active{
								a{
									color:#4593ff;
								}
							}
						}
					} 
				}
			}
		}
		
		> li{
			&:last-child{
				a{
					border-bottom:none;
				}
			}
		}
	}
	
	&.jd_sidebar_menu{
		
		border:none;
		&.sp-module{
			padding:0px;
		}
		
		ul.menu{
			border:1px solid #ddd;
			
			li{
				a{
					line-height:24px;
					&:hover{
						color:#fff;
					}
				}
				
				&.active{
					a{
						color:#fff;
					}
					
					&.parent{
						ul{
							li{
								a{
									color:#323232;
									
									&:hover{
										color:#fff;
									}
								}
								
								&.active{
									a{
										color:#fff;
									}
								}
							}
						}
					}
				}
				
				ul{
					
					border:none;
					margin:0px;
					li{
						a{
							line-height:24px;
							padding:15px 25px;
						}
					}
				}
			}
		}
	}
}

#sp-right{
	.jd_sidebar_menu{
		padding:15px;
	}
}

/* ---------- Default Menu end ---------- */
www.screencast.com/t/m2sNiu3TnF
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
Last Edit: 4 months 1 week ago by admin.
The administrator has disabled public write access.

side menu style 4 months 1 week ago #7173

  • pete
  • pete's Avatar
  • Offline
  • Senior Member
  • Posts: 55
  • Thank you received: 1
  • Karma: 0
Hi,

small problem. My custom.less doesn't have "start responsive" section.
It only have /*
Responsive
*/

shall I still insert it before that?

pete
The administrator has disabled public write access.

side menu style 4 months 1 week ago #7176

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 2185
  • Thank you received: 351
  • Karma: 59
Hello Pete,

Yes, You can. Let us know if any doubt.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

side menu style 1 month 2 weeks ago #8133

  • pete
  • pete's Avatar
  • Offline
  • Senior Member
  • Posts: 55
  • Thank you received: 1
  • Karma: 0
hi,

sorry I was off... I tried to add the code, but it made no difference. Do you have any new updates, as you mentioned that you are working on few months ago?

Also,
how can I get the sidebar menu to have a drop-down option for lower level submenu?
thanks,
pete
The administrator has disabled public write access.

side menu style 1 month 2 weeks ago #8137

  • roshan jajoriya
  • roshan jajoriya's Avatar
  • Offline
  • Administrator
  • Posts: 31
  • Thank you received: 11
  • Karma: 3
Hii
Could you share your site login details and site url to this mail This email address is being protected from spambots. You need JavaScript enabled to view it. so that we can solve your issue.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
Last Edit: 1 month 2 weeks ago by roshan jajoriya.
The administrator has disabled public write access.

side menu style 1 month 1 week ago #8227

  • pete
  • pete's Avatar
  • Offline
  • Senior Member
  • Posts: 55
  • Thank you received: 1
  • Karma: 0
Hi Roshan, I've sent you the login info few days ago.
But I didn't see you log in...

Let me know, if you have any problems.
The administrator has disabled public write access.

side menu style 1 month 1 week ago #8229

  • roshan jajoriya
  • roshan jajoriya's Avatar
  • Offline
  • Administrator
  • Posts: 31
  • Thank you received: 11
  • Karma: 3
Hello Pete,

I have replied of your mail and please share your site administrator login details.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Time to create page: 0.411 seconds