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

TOPIC: Change Hamburger menu colour

Change Hamburger menu colour 1 year 3 months ago #22671

  • jccza
  • jccza's Avatar
  • Offline
  • Junior Member
  • Posts: 21
  • Karma: 0
Good day

I've searched for tips on how to change the colour of the hamburger menu, but most answers are to change the background?
I also read that you'd most probably work it into the framework to be changes easier?
Has it been added ed yet or is it sti css edit?

THANK YOU
The administrator has disabled public write access.

Change Hamburger menu colour 1 year 3 months ago #22732

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4605
  • Thank you received: 651
  • Karma: 117
Hello,

Use the following CSS for changing the hamburger icon color.

#offcanvas-toggler >i { color: COLORCODE; }

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Change Hamburger menu colour 1 year 3 months ago #22764

  • jccza
  • jccza's Avatar
  • Offline
  • Junior Member
  • Posts: 21
  • Karma: 0
Hey C

Thank you for the help

Not sure if I'm on the right track?

I've created a custom.css in Joomla/templates/jd_atlanta/css/custom.css

copied the following to test the colours but no change... lol crash course 101

.offcanvas-toggler >i { color:#FFFF00; }
.default-off-canvas .offcanvas-menu { background: #00FFFF; }
The administrator has disabled public write access.

Change Hamburger menu colour 1 year 3 months ago #22812

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4605
  • Thank you received: 651
  • Karma: 117
Please share the site URL. So I can confirm why css not working.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Change Hamburger menu colour 1 year 3 months ago #22813

  • jccza
  • jccza's Avatar
  • Offline
  • Junior Member
  • Posts: 21
  • Karma: 0
www.eurofitacademy.com/Joomla/

Think I maybe added the custom.css in wrong place..

Thank you, my administrator is maybe coming out of hospital this weekend after corona infection then I won't bother you as much!!!!
The administrator has disabled public write access.

Change Hamburger menu colour 1 year 3 months ago #22834

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4605
  • Thank you received: 651
  • Karma: 117
Hello,

Save this code in jd-custom.less

body .gf-menu-toggle .icon-bar { background-color: COLORCODE; }

Path: templates/TEMPLATENAME/less

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Change Hamburger menu colour 1 year 3 months ago #22856

  • jccza
  • jccza's Avatar
  • Offline
  • Junior Member
  • Posts: 21
  • Karma: 0
Hi C

Not sure if I'm doing it right...

I couldn't find the jd-custom.less file so created it in the folder /Joomla/Templates/jd_atlanta

But still not working....
The administrator has disabled public write access.

Change Hamburger menu colour 1 year 3 months ago #22857

  • jccza
  • jccza's Avatar
  • Offline
  • Junior Member
  • Posts: 21
  • Karma: 0
sorry path correction:

/Joomla/Templates/jd_atlanta/less

still not working, also did compile it...
The administrator has disabled public write access.

Change Hamburger menu colour 1 year 3 months ago #22889

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4605
  • Thank you received: 651
  • Karma: 117
Hello,

Wrong path. Please add the attached code in style.less.
body .gf-menu-toggle .icon-bar { background-color: COLORCODE; }

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Change Hamburger menu colour 1 year 3 months ago #22969

  • jccza
  • jccza's Avatar
  • Offline
  • Junior Member
  • Posts: 21
  • Karma: 0
Thank you it is working 100%

JC
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Moderators: chandandeep
Time to create page: 0.426 seconds
Cron Job Starts