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

Your Time: Our Time:

Ugly green colored the navigation icon in the header

Featured Lock Resolved
Hello,

Could you help me to change this green color on the navigation icon in the header?
I don't know how to change it after it appeared and I don't know how and why it appeared.
Capture d’écran 2019-11-19 à 18.54.51_B.jpg

I also add a language switch module, but I don't know how to change the color and the position.
Could you help me, please also for this?

Best regards,

Francis

Attachments (1)

  • Capture d’écran 2019-11-19 à 18.54.51_B.jpg
    Capture d’écran 2019-11-19 à 18.54.51_B.jpg 174 KB

15 Answers

Paul Frankowski - Staff

3 weeks ago #Permalink
Inside custom.css file or Custom CSS inside Template Helix Options put


#offcanvas-toggler > .fa {color: #fff !important; }


this is a mobile menu icon, probably because you enable it in Helix Option in Menu tab.
More in Helix documentation.

Paul Frankowski - Staff

3 weeks ago #Permalink
Hi,
why ugly? this is original zombi green, almost like a salad on your dish.

Paul Frankowski - Staff

3 weeks ago #Permalink
I also add a language switch module, but I don't know how to change the color and the position. .

I don't understand. I need more details, screenshot, mockup, URL etc.
I also add a language switch module, but I don't know how to change the color and the position. .

I don't understand. I need more details, screenshot, mockup, URL etc.


Hi Paul,
Thanks a lot for your help, the color modification worked perfectly. I have send by PM the link of the website and my login detail.

Paul Frankowski - Staff

3 weeks ago #Permalink
OK, now I saw "FR" - let me check

Paul Frankowski - Staff

3 weeks ago #Permalink
Should be better now, yes hover color added too

after.jpg

Attachments (1)

  • after.jpg
    after.jpg 2.7 KB
:) Thanks a lot Paul.
It works perfectly now.

I have two last requests.
I have a problem with the off-canvas position:
I would like to have the off-canvas menu on the left and also the off-canvas icon (Offcanvas toggler) on the left. But in the same time I want the logo in the center of the header (horizontally).

From Helix Ultimate, the selection of Offcanvas position gives the following possibilities:
- Set on Right = the "Offcanvas menu" is on the right and icon in the header on "menu bloc" in the template (that I have moved in the left) : the position of the "Offcanvas menu" is not good but the icon position is ok.

- Set on Left = the "Off canvas menu" is on the left but the icon in the header on "logo bloc" that I have moved in the center because I want the logo in the center of the header: the 'Offcanvas menu" position is ok but the "Offcanvas icon" position in the header is not good.

Is it possible to change this association ? I mean, is it possible to define the bloc position in the header of the "Offcanvas icon".

Second and last thing, is it possible to add the logo of the website at the top of the Offcanvas menu like this website: https://www.chapeau-rouge.fr/fr/hotel-dijon-centre ?

Regards,

Francis

Paul Frankowski - Staff

3 weeks ago #Permalink
ad1) If you cannot from settings, it requests deeper customization.
---

ad 2) yes, very easy.
a) Add new "Custom" module
b) Put inside logo image, add link if you need
c) Choose "offcanvas" position for his module
d) Disable showing module title
e) Choose order of module
f) Assign to all pages, Save, publish
ad1) If you cannot from settings, it requests deeper customization.
---

ad 2) yes, very easy.
a) Add new "Custom" module
b) Put inside logo image, add link if you need
c) Choose "offcanvas" position for his module
d) Disable showing module title
e) Choose order of module
f) Assign to all pages, Save, publish


Hi Paul,
Thanks a lot again for your help for ad2, it works perfectly now. :)
For add1, could you please indicate me how I can manage this. At least, how I can change the association of the bloc position of the Offcanvas toggler with the switch of the Offcanvas position.

Paul Frankowski - Staff

3 weeks ago #Permalink
ad 1) I am not sure if this is still support or customization.
ad 1) I am not sure if this is still support or customization.


Hi Paul,

I can understand your point. However, in the documentation it is not very clear in which bloc position the Offcanvas toggler is present depending on the switch position and that it is not possible to determine its bloc position.
As your team is thinking about new update, maybe this could be added. At least that the Offcanvas toggler will be not include in the logo bloc position when you select left from helix ultimate table. But maybe there is a template, in which it is not the case?

Regards,

Francis
ad 1) I am not sure if this is still support or customization.


Hi Paul,

I can understand your point. However, in the documentation it is not very clear in which bloc position the Offcanvas toggler is present depending on the switch position and that it is not possible to determine its bloc position.
As your team is thinking about new update, maybe this could be added. At least that the Offcanvas toggler will be not include in the logo bloc position when you select left from helix ultimate table. But maybe there is a template, in which it is not the case?

Regards,

Francis



Finally, I have find how to figure out the problem:
in the custom css:

body.ltr.offcanvs-position-right .body-wrapper {
left: 0;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
left: -300px;
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
left: 0;
}
body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
left: 300px;
}


I have another question:
How to order the module in the bloc position used by the logo or by the offcanvas toggler?
I mean that I would like to put the switcher language module in the same bloc position than the off canvas toggler without overlapping.

Regards,

Francis

Paul Frankowski - Staff

3 weeks ago #Permalink
I mean that I would like to put the switcher language module in the same bloc position than the off canvas toggler without overlapping.


But I did this on your site yesterday.

foto_3160_2019.jpg

if somehow you want to change again, rename module positions: top2, menu, logo

but [=] menu, lang switcher, Logo --- seems to be the more logic order.

whole rest, custom CSS

Attachments (1)

  • foto_3160_2019.jpg
    foto_3160_2019.jpg 29.1 KB
Thanks for your reply.
You 're right but in big green the language switcher is faraway from [=] Capture d’écran 2019-11-22 à 10.16.22.png
This is why I thought to put them in the same column in order to avoid this.

Regards,
Francis

Attachments (1)

  • Capture d’écran 2019-11-22 à 10.16.22.png
    Capture d’écran 2019-11-22 à 10.16.22.png 6 KB


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 106
Toufiq

Toufiq

Total Accepted Answers: 52
Sifat

Sifat

Total Accepted Answers: 38
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 24
Ofi Khan

Ofi Khan

Total Accepted Answers: 19

119

Templates

306533

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