• Resolved tanay11

    (@tanay11)


    Hello, I’m trying to change the background color of the Menu (Hamburger icon) on mobile and laptop view but it’s not changing. On inspecting, the custom CSS code that worked while inspecting doesn’t work when added in Appearance –> Custom CSS > https://prnt.sc/10wu8ff. I use the Oceanwp theme.

    Page URL: https://smartgadgetpick.com/
    Hope to hear from you soon!

    Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter tanay11

    (@tanay11)

    Also, I want to change the background color to #191919.

    Hello @tanay11 ,

    It seems you are using ElementsKit nav menu widget only for mobile device and hidden on desktop,tablet device. So, the hamburger menu will only work on mobile device.

    To change the background color of the hamburger icon please follow this screenshot.

    Regards,
    Benjir

    Thread Starter tanay11

    (@tanay11)

    Thank you for replying. I’m talking about the color behind the whole menu button. See, there’s a different color in the header, then a different color behind the menu button, and another color on the whole page that is the same as header color. So, I want to change that color, the one circled in this image > https://prnt.sc/10wu8ff

    Hello @tanay11 ,

    It seems you have used background color on the column that is why your added custom CSS code is not working (screenshot).

    To solve the issue please add this below CSS code in Appearance → Customize → Additional CSS

    .elementor-583 .elementor-element.elementor-element-fa7f488:not(.elementor-motion-effects-element-type-background)>.elementor-column-wrap{
        background-color: #191919;
    }

    Regards,
    Benjir

    Thread Starter tanay11

    (@tanay11)

    Hello @benjirahmed,

    Thank you for responding. I tried the Custom CSS code that you gave in the above comment, but it didn’t work for mobile and tablet, both the views.
    Have a look > https://prnt.sc/10z2k15

    I don’t know what’s causing the issue here but would love some more help from you!

    Hope to hear from you soon!

    Hello @tanay11 ,

    First of all please clear cache from your caching plugin and try incognito mood of your browser after adding below CSS code in Appearance → Customize → Additional CSS

    .elementor-583 .elementor-element.elementor-element-fa7f488:not(.elementor-motion-effects-element-type-background)>.elementor-column-wrap{
        background-color: #191919 !important;
    }

    After adding this code if you still have the same issue please contact our support center as the code is working from our end for your website. We will inspect the problem from your admin dashboard and let you know the update as soon as we can.

    Regards,
    Benjir

    • This reply was modified 3 years, 7 months ago by Benjir Ahmed.
    Thread Starter tanay11

    (@tanay11)

    Hello @benjirahmed,
    I figured out the cause and fixed it. Thank you for all your help!

    • This reply was modified 3 years, 7 months ago by tanay11.
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Background color of Mobile Menu section won’t change’ is closed to new replies.