Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to config off canvas menu?

Featured Lock Resolved Issue
Dear support,
Off canvas menu here as the attached picture:
1.How to:
- remove search
- remove or setup social icon
2.How to change:
- Font size
- Font color
- Background color
- Change mobile & address
Thank you

Attachments (1)

  • off canvas menu.PNG
    off canvas menu.PNG 413 KB

6 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
If i may..
Please check the modules from the off-canvas position http://prntscr.com/lfdsj2
You can unpublish them from the module setting.

And to change the color and the font you can follow the following steps:
1) Add a class to the module http://prntscr.com/lfdvui
2) Then apply this css into your custom css field

.off ul > li a {
font-size: 10px !important;
color: red !important;
background: aliceblue;
}

3) Here is the custom css field https://prnt.sc/ijudw8

-Thanks

mongkol

More than a month ago #Permalink
Hi,
If i may..
Please check the modules from the off-canvas position http://prntscr.com/lfdsj2
You can unpublish them from the module setting.

And to change the color and the font you can follow the following steps:
1) Add a class to the module http://prntscr.com/lfdvui
2) Then apply this css into your custom css field

.off ul > li a {
font-size: 10px !important;
color: red !important;
background: aliceblue;
}

3) Here is the custom css field https://prnt.sc/ijudw8

-Thanks


Hi Sifat,
I have the sample that I would like to setup.
please see the attached picture and give me css code again.

setup offcanvas menu by followings:
- background color (red)
- font size 15px
- font color (white)
- there is symbol ">"
- border width
- border height
when hover mouse over
- highlight color (dark red)
- font color (grey)

Thank you very much

Attachments (1)

  • 7-11-2561 23-05-38.jpg
    7-11-2561 23-05-38.jpg 139.5 KB

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. I've shared you just a suggestion that it's possible to customize the offcanvas. But it's not allowed from our end to provide any custom support. Sorry to say that It's beyond our support range.
But you can check this tutorial to get to know about that https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

-Best Regards

mongkol

2 weeks ago #Permalink
Hi,
Thanks for your reply. I've shared you just a suggestion that it's possible to customize the offcanvas. But it's not allowed from our end to provide any custom support. Sorry to say that It's beyond our support range.
But you can check this tutorial to get to know about that https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

-Best Regards

Thank you Sifat
I will try to do as you suggest

Sifat - Staff

2 weeks ago #Permalink
You are most welcome


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 217
Sifat

Sifat

Total Accepted Answers: 133
Toufiq

Toufiq

Total Accepted Answers: 44
Archange Consulting

Archange Consulting

Total Accepted Answers: 2
B

blue_Shift

Total Accepted Answers: 1

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us