Get Access to All Templates € 49.- Grab Offer →

Arrow up
Arrow down
Forum Access (04 Jul 2019)

These forums are READ-ONLY for Guests, and only WebKomp club members can post. If you are not a member, please look at joining one of our clubs to get access to this forum.

file [SOLVED] Colour of Button for opening off canvas menu

2 years 11 months ago #3163 by Umit Dönmez

On the website that I am building for a client, the client changed the menu background colour to black.

It is her decision, but now the off canvas menu link button (to pen the off canvas menu, as shown on enclosed printscreens) is not visible as it is black too.

Please how can I change the colour of that button to grey for example (instead of black, as it is now), and to white when hovering (instead of pink) ?
I am pretty sure that it is a custom code but I do not know it and I did not find help content on that (I ain't saying there ain't, but just that I did not find it :)

Thank you in advance,

Kind Regards,


  • Posts: 12

  • Gender: Unknown
  • Birthdate: Unknown
  • Attachments:

    Please Log in to join the conversation.

    2 years 11 months ago - 2 years 11 months ago #3164 by __Mike__

    #offcanvas-toggler > i {
        color: #8f8585;
    #offcanvas-toggler > i:hover {
        color: #fff;


    - Please search forums before posting.
    - Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
    - If a thread is solved please edit your original / first post and place "[SOLVED]".

  • Posts: 1574

  • Gender: Male
  • Birthdate: Unknown
  • Last edit: 2 years 11 months ago by __Mike__.
    The following user(s) said Thank You: Umit Dönmez

    Please Log in to join the conversation.

    2 years 11 months ago #3165 by Umit Dönmez
    Thank you very much for your fast reply.

  • Posts: 12

  • Gender: Unknown
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    Why Choose WebKomp?

    With all the Joomla Templates and WordPress Theme providers out there, why choose us?  Here are many reasons why a WebKomp template/theme would be a good fit for your website:

    • 47+ Templates and Themes
    • We offer a 14-day money-back guarantee
    • Nice Designs - We take pride in our work and we always looking ways to improve the next template release.
    • Affordable - Our prices are low.
    • Free Support - Need help? Just contact us
    • No Backlink Required - You can shut it off in the template's admin panel.
    • Nice Framework - WebKomp templates are powered by Warp7, Helix, T4, Gantry5 intuitive, wonderful  fast, lightweight, and feature-packed frameworks.
    • Easy to Customize - The admin panel provides many useful options that can be easily tweaked from the backend, easily, change fonts, colors, presets and more.
    • Our templates are based on the open Warp 7 , Helix, T4 and Gantry 5 Framework - Refer to the official Warp documentation, T4 Framework , Helix3/Ultimate, Gantry 5, Astroid for comprehensive info about how to use and expand the frameworks.
    • Sample Data Available - Quickstart Package allow you install in few clicks theme/template, extensions/plugins and demo data, in final you get full website exactly the same like on demo.
    • Mobile Friendly - All templates on this site are now responsive, meaning they automatically adjust to any screen resolution.  
    • The Single Template/Theme(12 Months Membership) is dedicated to all customer that need only one Template/Theme for their business or private project.