Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Global style for mobile menu icon

  • Stefanie
    March 11, 2025 at 5:16 am

    Hi team,

    I would like to remove the gray box that is always shown around the mobile icon.
    So far I have used this code in my style.css:

    .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover {
	background-color: transparent;
}

    But I would rather have this as a global style so that I have all the css in one place.

    I have no idea how to convert this css code into a global style.
    Can you help?

    Thank you!

  • Ying
    March 11, 2025 at 9:20 am

    Hi there,

    I don’t think it’s necessary to save it as a global style.

    But if you really want to, you can create a global style with the class mobile-menu-control-wrapper, then add menu-toggle and menu-toggle:hover:
    https://app.screencast.com/9GmfrWSQWfDnc
    https://app.screencast.com/erKJ9qJzKX59F

  • Stefanie
    March 11, 2025 at 10:03 am

    Hi Ying,

    that was actually easier than I expected 😊

    Thank you!

  • Ying
    March 11, 2025 at 10:12 am

    You are welcome   🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.