Смещение пунктов меню

Question

В настоящее время я использую тему Porto через Wordpress, и у меня проблема с меню, над которым я работаю. Я добавил несколько CCS, чтобы добавить границу при наведении каждого элемента меню. Однако при наведении каждого пункта меню правильно отображается рамка, но слегка сдвигается, а также перемещается и другие пункты меню. Я новичок в Stack Overflow, поэтому я не уверен, как отображать HTML из Wordpress, поэтому я не уверен, как это сделать.

Спасибо, K.Zinger

Answer 1

Поскольку граница изменяет расположение, это имеет смысл, что все будет переложить, если вы только добавив границы при наведении курсора мыши.

У вас есть несколько вариантов:

1. Вы всегда мог бы иметь границу, но сделать это transparent, когда он не парил
2. Если граница является твердой границей, вы можете использовать окно-тень вместо (box-shadow: 0 0 0 1px #FF0000)