fbpx

Stay Home & Grab 40% Discount COVID19Grab Now

Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED)Off-Canvas Icon

Off-Canvas Icon 1 year 5 months ago #9272

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

Thank you
Fifou
The topic has been locked.

Off-Canvas Icon 1 year 5 months ago #9276

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 3461
  • Thank you received: 511
  • Karma: 92
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 topic has been locked.

Off-Canvas Icon 1 year 5 months ago #9281

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3525
  • Thank you received: 545
  • Karma: 93
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.

To know more about products check out the their documentation.
The topic has been locked.

Off-Canvas Icon 1 year 5 months ago #9322

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

you will find attached the off-canvas icon.
Thank you
Fifou
Attachments:
The topic has been locked.

Off-Canvas Icon 1 year 5 months ago #9324

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 3461
  • Thank you received: 511
  • Karma: 92
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 topic has been locked.

Off-Canvas Icon 1 year 5 months ago #9335

  • fifoude
  • fifoude's Avatar
  • Offline
  • New Member
  • Posts: 6
  • 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 topic has been locked.

Off-Canvas Icon 1 year 5 months ago #9336

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3525
  • Thank you received: 545
  • Karma: 93
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.

To know more about products check out the their documentation.
The topic has been locked.

Off-Canvas Icon 1 year 4 months ago #9519

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

the repertory TEMPLATENAME/html/frontend/header doesn't exist? Does it mean I need to create it?
If yes I am not a S/W guy. Coud you send me an example of code to indicate the image path?
For instance my Astroid template is located on this path: /var/www/html/templates/astroid_template_zero
Thank you
Fifou
The topic has been locked.

Off-Canvas Icon 1 year 4 months ago #9531

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3525
  • Thank you received: 545
  • Karma: 93
Hello,

Could you please confirm. What Header layout you are using on your site. So I can create the overrides for you.

Screenshot: www.screencast.com/t/at68Dxs9Kt

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 topic has been locked.

Off-Canvas Icon 1 year 4 months ago #9537

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

does the attached file contain the info you are looking for?
Cheers
Fifou
Attachments:
The topic has been locked.
Moderators: chandandeep
Time to create page: 0.470 seconds