Version:3.0.12 The div containing General | WooCommerce | REST API | Tools should be placed inside the <form> element with the ID mainform. Because it was written outside of this form, the navigation bar and the top menu display an unusual gray area.
Thank you for reaching out to us. We hope you are doing well.
Based on the provided screenshot, it appears that the unusual gray area is caused by the padding added after a specific element on your website. We have also checked our site and did not observe the unusual gray area on the frontend. Additionally, we do not see the extra padding that you have indicated in your inspect element. Reference: https://ibb.co/Q7GGMPx6
Regarding the suggestion that ‘General | WooCommerce | REST API | Tools’ should be positioned within the element, our team has already implemented the necessary user interface adjustments, which will be released in our upcoming update.
Hello, The possible reason is that I’m using the latest version of WooCommerce(10.2.1). Its newest styling does include margins, which is why the <div> element that isn’t placed inside the <form> ends up misaligned.
The layout issue was identified as being caused by the new WooCommerce styles. The plugin support team has stated that they will consider moving the affected area inside the <form> in the next release.
If it’s a CSS issue, you can simply customize it using the CSS code below to fix it.
Since the cause has been confirmed and it’s purely a CSS problem, the ticket has been marked as resolved for now.
Self-fix Reminder: It’s recommended to wait for the Plugin Support team’s next update. If you prefer to modify it yourself, add a custom class (e.g., {your_class_name}) only on the page page=wc-settings&tab=lmfwc_settings to adjust the padding. Otherwise, it may affect the margins on other pages. Reference