Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Mega Menu Background Color Issue

issuemega menumenu
    • 7 years, 4 months ago selman
      Participant

      Expired

      I use business corporate (business4) demo on my site. When I want to use mega menu, it seems like terrible because of background color issue. Here is screenshot: https://prnt.sc/iihmbq

      How can I fix it?

    • 7 years, 4 months ago Mirela
      Participant

      Hello,

      Please go to General Options > Header Options > Dropdown Options & Mobile Menu, change the background color here.
      Let us know if you need further help.

      Best regards!

    • 7 years, 4 months ago selman
      Participant

      Expired

      That option does not fix my problem. If you visit my website, you can see issue. I guess mega menu option is not compatible for that demo. I’m waiting your solution. You must look screenshot, that background color must be transparent. Column title must be white when I hover the column.

    • 7 years, 4 months ago Mirela
      Participant

      Hello,

      There is no problem with mega menu in any demo. Do you have any third aprty plugins installed? There must be a configuration in your installation that is giving the sub-menu this color on hover. However, you can ad this css into your Custom Css box to remove it:

       .header_12 .full_nav_menu nav ul > li:hover {
          background: rgba(255, 255, 255, 0.15) !important;
      }

      The sub-menu item titles are already white on hover (screenshot). If you want the entire sub-menu background to be transparent, then add this code as well:

      nav .codeless_custom_menu_mega_menu.codeless_mega2 {
          background-color: rgba(255, 255, 255, 0.15);
      }

      Result screenshot:https://postimg.org/image/hdnp6vdwl/

      Let us know.

      Best regards!

    • 7 years, 4 months ago selman
      Participant

      Expired

      Sorry,

      But the code didn’t solve my problem. If I add this code to custom css, menu item hover also will change. I don’t want to change menu item hover. Only I want to change mega menu item hover. In addition, I don’t mention about that title. You couldn’t see the title I mention about it. I mentioned about “Sistem” and “Ürün” title as column title.

    • 7 years, 4 months ago Mirela
      Participant

      Hello,

      Please edit the above code to this:

      nav .codeless_custom_menu_mega_menu.codeless_mega2 {
          background-color: rgba(255, 255, 255, 0.39);
      }
      .header_12 .full_nav_menu nav .codeless_custom_menu_mega_menu > ul > li:hover {
      background: #ffffff00 !important;
      }
      nav .codeless_custom_menu_mega_menu ul>li h6:hover {
          color: #ffffff !important;
      }

      Result screenshot: https://postimg.org/image/8b65q1q5x/
      Is this what you wanted? Let us know.

      Best regards!

    • 7 years, 4 months ago selman
      Participant

      Expired

      Thank you so much! It worked.

Viewing 6 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password