fbpx
Welcome, Guest
Username: Password: Remember me

Like Using JD Builder?

Submit feature requests on github and help improve JD builder.

Submit Now

TOPIC: The Sticky Menu Items' Color

The Sticky Menu Items' Color 6 months 1 week ago #10349

  • Web4star
  • Web4star's Avatar
  • Offline
  • Premium Member
  • Posts: 121
  • Thank you received: 1
  • Karma: 1
Hello Jd, thanks for your wonderful support so far.
Please, I changed the Header Menu background colour to black from the template Layout and also changed the menu items color to white within the custom.less file.
However, how can I change the Sticky menu items colour to black so that the static menu items can show?
The image is attached.
Attachments:
The administrator has disabled public write access.

The Sticky Menu Items' Color 6 months 1 week ago #10350

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 182
  • Thank you received: 41
  • Karma: 7
Hello
Please Follow the screenshot.
www.screencast.com/t/60waMrMZylN
Please put the custom.less file.
templates\jd_boston\less\custom.less
.menu-fixed{
#sp-menu{
ul{
li{
a{
color: #000;
}
}
}
}
}


Thanks
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.

The Sticky Menu Items' Color 6 months 1 week ago #10367

  • Web4star
  • Web4star's Avatar
  • Offline
  • Premium Member
  • Posts: 121
  • Thank you received: 1
  • Karma: 1
Thanks dude for your efforts.
Please, the code didn't really achieve the result.
The menu items for standard menu with black background works fine as in the image 1.
However, the sticky menu background is white and the menu items are also white, the active and hover color green is ok as in the second image.
But only to make the rest of the menu items black so that the menu items can show when the menu sticks.
Thanks.
Attachments:
The administrator has disabled public write access.

The Sticky Menu Items' Color 6 months 1 week ago #10371

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 182
  • Thank you received: 41
  • Karma: 7
Hello,

Please Follow the screenshot.
www.screencast.com/t/60waMrMZylN
www.screencast.com/t/WpVvvRvL

Please put the custom.less file.
templates\jd_boston\less\custom.less

/*----- Header Section -----*/
#sp-header {
	&.menu-fixed {
		background: #fff;
	}
}

Thanks,
Mukesh
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.140 seconds

JD Builder - The Next Generation
Joomla Page Builder


Now Design any Layout with Drag and Drop Interface.