Question:
I’m trying to edit the design of my Horizontal Menu and the Sub-menu items, but when I try to edit certain elements such as the Border of the menu items and sub-menu items in HOVER state, the interface doesn’t work. In fact, it doesn’t even display the border options properly.
Product:
Wix Studio
What are you trying to achieve:
I want to style the menu item (.horizontal-menu__item) to show a 1px White border as an underline, when the menu item is in its ‘Hover’ state (the cursor rolls over the item). I also want to make the text in the sub-menus (.horizontal-menu__submenu-item) align centre (not left) and also have the white 1px bottom border when the item is in its hover state.
What have you already tried:
I tried using the Studio Editor, but there’s a glitch and as soon as I select ‘Hover’ from the item state the border function stops working (note, it works in the Regular state)
So I tried editing the Global CSS, but whilst I can manipulate the regular state, I’m finding it impossible to track down the class name for the Hover state (or understand how to target that state).
I’ve been in contact with three different Customer Support Experts, but they keep pointing me at the same documentation that doesn’t answer my questions. I’m beginning to wonder if they are either not properly reading my question, or are not fully conversant with their own product documentation.
…or are they stalling me because they know there’s a sizeable bug that isn’t being fixed?
Additional information:
I’ve uploaded a screenshot of the area where the glitch occurs.
