JoomDev: Off-Canvas Icon (1/1)
Welcome, Guest
Username: Password: Remember me

TOPIC: Off-Canvas Icon

Off-Canvas Icon 1 week 2 days ago #9272

  • fifoude
  • fifoude's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
Hi,
could you please tell me how to change the Off-Canvas Icon ?
I am on template zero.

Thank you
Fifou
The administrator has disabled public write access.

Off-Canvas Icon 1 week 2 days ago #9276

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 1218
  • Thank you received: 171
  • Karma: 33
Hello Fifou,

The offcanvas is more like a custom code of HTML and CSS that displays the icon.

Let me check with our developer @chandan here and see if this is something possible and how it may be accomplished.

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

Off-Canvas Icon 1 week 2 days ago #9281

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 2242
  • Thank you received: 365
  • Karma: 60
Hello Fifou,

Please confirm which icon do you want to change?

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.

Off-Canvas Icon 1 week 1 day ago #9322

  • fifoude
  • fifoude's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
Hi Chandan,

you will find attached the off-canvas icon.
Thank you
Fifou
Attachments:
The administrator has disabled public write access.

Off-Canvas Icon 1 week 1 day ago #9324

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 1218
  • Thank you received: 171
  • Karma: 33
Hi Fifou,

You'll have to add the following custom css.
.burger-menu-button .inner, .burger-menu-button .inner::before, .burger-menu-button .inner::after {
background-color: red;
}

Change red to the color of your choice. All Thanks to Kevin at www.joomdev.com/forum/astroid-framework/...hamburger-icon-color
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.

Off-Canvas Icon 1 week 18 hours ago #9335

  • fifoude
  • fifoude's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
Hi Chandan,
thank you very much for the effort but I was thinking more like another icon such as the one attached to this post and not only the color. Do you think it would be possible?
Thank you
Fifou
Attachments:
The administrator has disabled public write access.

Off-Canvas Icon 1 week 18 hours ago #9336

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 2242
  • Thank you received: 365
  • Karma: 60
Hello Fifou,

Yes, you can replace the off-canvas icon with the attached image. You have to follow the following steps:

1. Create the overrides according to your site header layout.
2. Check the Header layout.
3. Copy the file from. (eg. horizontal.php or stacked.php)
TEMPLATENAME/frontend/header
and save here
TEMPLATENAME/html/frontend/header
4. After save the file in /html/frontend/header. Open the horizontal.php or stacked.php file and find enable_offcanvas in file add the image path. See the screenshot: www.screencast.com/t/jMwrjXlj9
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.
Moderators: priyasingh
Time to create page: 0.420 seconds