1. General discussions
  2. Wednesday, 05 February 2020
I would like to
1) change the color from the blue to another color.
2) change the color of main menu and x to black
2) move the arrow of dropdown box to end of word

Been adding different coding to custom.css but to no avail.
Attachments (1)
Accepted Answer
Hi,
ad 1)
Blue > green

.offcanvas-menu .nav-pills > li.active > a,
.offcanvas-menu .nav-pills > li.active > a:focus {background-color: #709B3A;}

ad 2) Black (x)

.offcanvas-menu .fa.fa-remove {color: black;}
.close-offcanvas {border: 1px solid black;}



ad 3) "Our Services" - shouldn't be separator!! Please use the External link - and it will be ok

----
If this site is still under development, maybe consider using Helix Ultimate, not old Helix3.
Don't take a step back!
  1. more than a month ago
  2. General discussions
  3. # Permalink
Responses (9)
Hi,
ad 1)
Blue > green

.offcanvas-menu .nav-pills > li.active > a,
.offcanvas-menu .nav-pills > li.active > a:focus {background-color: #709B3A;}

ad 2) Black (x)

.offcanvas-menu .fa.fa-remove {color: black;}
.close-offcanvas {border: 1px solid black;}



ad 3) "Our Services" - shouldn't be separator!! Please use the External link - and it will be ok

----
If this site is still under development, maybe consider using Helix Ultimate, not old Helix3.
Don't take a step back!




#1 and #2 works fine now, thank you.

Tried to change from separator to external link, but i do not have a link; it is supposed to be a header. Using menu header doesn't help neither.
  1. more than a month ago
  2. General discussions
  3. # 1
As a link use mark: #
  1. more than a month ago
  2. General discussions
  3. # 2
As a link use mark: #


Thank you, but the arrow is beside "services". Could other configuration be wrong?
  1. more than a month ago
  2. General discussions
  3. # 3
With external link -- it should be OK, try
  1. more than a month ago
  2. General discussions
  3. # 4
With external link -- it should be OK, try


Nope, it didnt work.
Attachments (1)
  1. more than a month ago
  2. General discussions
  3. # 5
Please do not use "--" it's silly. I told you to use "#", do you always work like that?
---
anyway...


.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {
padding: 13px 1px;
}

  1. more than a month ago
  2. General discussions
  3. # 6
Please do not use "--" it's silly. I told you to use "#", do you always work like that?
---
anyway...


.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {
padding: 13px 1px;
}



Thank you! Works wonder.

Referring to the same website, may i request also for the css to make the green of the active sub menu to the standard green i have on the mega menu?
  1. more than a month ago
  2. General discussions
  3. # 7
sorry, we don't teach CSS here. I'm sorry but everything has its limits.
Use Code Inspector from your browser to preview used classes.
  1. more than a month ago
  2. General discussions
  3. # 8


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.