Hello there,
If this was a common issue and a bug it would have been reported already, most likely. This is how the bar looks in my test setup:
Link to image: https://d.pr/i/B6Bi244
What is happening, most likely, is that something is in conflict with the WooCommerce top bar and creates a gap on your site.
This kind of problem is usually caused by a conflict with your theme or with another plugin.
?
The best way to determine this is to:
- Temporarily switch your theme to Storefront
- Disable all plugins except for WooCommerce
- Repeat the action that is causing the problem
If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.