Browser: Chrome 114
OS: Windows
URL: try.bricksbuilder.io/t7b3ff1b/fvvv/
Hi team,
But when we determine the width of the megamenu based on the parent container (CSS selector), the container is not placed exactly in the center.
Please see the image below. If you look at the right side of the Mega Manu, it’s skewed to the left by about 3 pixels.
Hi Hosein,
Thanks so much for your report!
Unfortunately I can’t see the problem on your test page. Can you please change it so that I can see it?
We already have a report on the width, however I’m not sure if your problem is the same (I don’t think so): WIP: Bug Related to new Mega Menu in Bricks
Best regards,
timmse
Hi @timmse,
I apologize. I forgot to adjust the mega menu on the test website according to this bug. It is now ready for your review.
Before your review, let me add one thing. Even if the megamenu is full width (the default), the megamenu is still slightly skewed to the left. This problem will become apparent when the background color of the content is dark.
Please see the screenshot below.
Hi again @timmse,
Were you successful in reproducing this bug?
Hi Hosein,
Yes and no. The problem arises due to rounding problems based on the dropdown item position.
Unfortunately, we can’t do anything about it that works in every case.
You can add an outline to your mega menu content as a workaround. That should fix the problem in your scenario.
root .brx-dropdown-content {
outline: 1px solid white;
}
Hey @HOSEIN,
we’ve fixed this issue in Bricks 1.9, now available as a one-click update in your WordPress Dashboard.
Please let us know if you are still experiencing issues.
Best,
André