No background color option for toggle

  • Am I missing something here or is there no option to choose the background color for the toggle?

    I have a page with different sections having alternate black and white backgrounds, and my header bar is sticky.

    In order to make sure the menu toggle appears on all those sections while scrolling, I need to keep the toggle bars in white and give them a black background, or keep the bars in black and give them a white background. Without a background, the toggle button can’t be seen on sections with the same background color.

    Oh and the close button also can’t be seen on the overlay because I need the overlay in black.

    Due to my monochromatic design, I can’t use a different color for the toggle button either. Please help.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Haroon Q. Raja

    (@hqraja)

    Update: I couldn’t leave this toggle on the site because of the aforementioned reasons. That’s why I’ve disabled it there and reverted back to the previous header I was using (through my theme and some CSS hacks).

    I’ve setup a separate page (a replica of my home page) on which I have enabled the Elementor header that contains this plugin’s menu toggle. That page can be found at https://hqraja.com/full-screen-menu-for-elementor-test/

    You can see the difference by comparing the home page with this one. I need to use this plugin to achieve the results that you can see on the home page.

    Plugin Author Solitweb

    (@solitweb)

    Unfortunately there is no such option. But you can add custom CSS to the widget.

    Add this code to add a black background to the menu toggle:

    selector .icon-bars {
    background-color: #000;
}

    You can add this code to add a padding to the menu toggle:

    selector .fsmfe-wrapper .icon-bar {
    width: 80%;
    left: 10%;
}
    Thread Starter Haroon Q. Raja

    (@hqraja)

    Thanks a bunch…this worked like a charm! I tweaked the width and positioning a bit (60% width and 20% left) to achieve my desired results with the size and spacing I was using.

    Plugin Author Solitweb

    (@solitweb)

    Nice to know you were able to get this working. Happy to help! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘No background color option for toggle’ is closed to new replies.