JoomDev: side menu style (1/1)
Welcome, Guest
Username: Password: Remember me

TOPIC: side menu style

side menu style 2 weeks 4 days ago #7077

  • pete
  • pete's Avatar
  • Offline
  • Junior Member
  • Posts: 38
  • 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 2 weeks 1 day ago #7111

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 1951
  • Thank you received: 316
  • Karma: 53
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 1 week 6 days ago #7158

  • pete
  • pete's Avatar
  • Offline
  • Junior Member
  • Posts: 38
  • 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 1 week 6 days ago #7169

  • roshan jajoriya
  • roshan jajoriya's Avatar
  • Offline
  • Administrator
  • Posts: 11
  • Thank you received: 5
  • Karma: 0
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: 1 week 6 days ago by admin.
The administrator has disabled public write access.

side menu style 1 week 5 days ago #7173

  • pete
  • pete's Avatar
  • Offline
  • Junior Member
  • Posts: 38
  • 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 1 week 5 days ago #7176

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 1951
  • Thank you received: 316
  • Karma: 53
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.
Time to create page: 0.546 seconds