fbpx

Thrills & Chills - 20% OFF. Coupon Code: THRILLSCHILLS Unlock Offer

Welcome, Guest
Username: Password: Remember me

TOPIC: The Sticky Menu Items' Color

The Sticky Menu Items' Color 1 week 5 days ago #10349

  • Web4star
  • Web4star's Avatar
  • Offline
  • Senior Member
  • Posts: 40
  • 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 1 week 5 days ago #10350

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 25
  • Thank you received: 6
  • Karma: 2
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 1 week 4 days ago #10367

  • Web4star
  • Web4star's Avatar
  • Offline
  • Senior Member
  • Posts: 40
  • 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 1 week 4 days ago #10371

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 25
  • Thank you received: 6
  • Karma: 2
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.448 seconds