1. Hope
  2. Thursday, 18 June 2020
Hello! How can I change the background color of the menu for the mobile version?
Attachments (1)
Accepted Answer
Hi,
Please use the following code to your custom css:

.offcanvas-menu { background: yellow;}


Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn

Best Regards
  1. more than a month ago
  2. Hope
  3. # Permalink
Responses (7)
Excellent thank you!!
  1. more than a month ago
  2. Hope
  3. # 1
Excellent thank you!!
You are always welcome:)
  1. more than a month ago
  2. Hope
  3. # 2
Excellent thank you!!
You are always welcome:)


Hello!

Thanks again for the tip about changing the background of the menu!

Tell me more, please, how to change the font color of the menu and the menu item when you click on it?

http://geghardtest.tmweb.ru/
Attachments (1)
  1. more than a month ago
  2. Hope
  3. # 3
Hi,
Sorry for the delay!
You may use the following code snippet to change the menu color within offcanvas:

.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span { color: red; }


But what you want is the hover color of them is not available in mobile view as it cannot be hover with the finger in that means, but you can see it on Desktop view if your offcanvas is shown all devices!
Here you go with hover and focus codes:

.offcanvas-menu .offcanvas-inner .sp-module ul > li.current.active,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a
{background: #035AB2; color: #eee;}


Hope this helps!

Best Regards
  1. more than a month ago
  2. Hope
  3. # 4
Hello.
can you help me on this one.
how do i change the color of the menu item on the responsive?

Regards
Henrik
Attachments (1)
  1. more than a month ago
  2. Hope
  3. # 5
Hello.
can you help me on this one.
how do i change the color of the menu item on the responsive?

Regards
Henrik
Hi,
Do you want to change the offcanvas menu icon?
You can easily change the color of the hamburger icon, as well. You should use a simple line of custom CSS code:
Then here you go with the code:

#offcanvas-toggler > i.fa {color: red;}

Reference link: https://www.joomshaper.com/documentation/helix-framework/helixultimate#faq-how-to-do

Best Regards
  1. more than a month ago
  2. Hope
  3. # 6


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.