Luxury theme crops dropdown menu

rickmgithub commented 3 years ago

Steps to replicate

On the main menu if you click the Freebies menu item, the drop down menu show cropped off the screen
It does this on Chrome, Firefox and Safari.
It happens when the word Freebies wraps to the side (position 1) it cuts in half like this - https://d.pr/i/TNcgsX When it's in position 2 it's fine.
It does the same on a test site too
If you extend the text like this it works - https://d.pr/v/93FrtA
I provided this as workaround to the user
User report: #27475672-hc
Follow-up ticket: #3714765-zd

dcoleonline commented 3 years ago

As a workaround, I applied this CSS to the site for them:

@media (max-width:  1916px){
    .menu li.menu-item-805:hover ul {
        margin-left: -45px;
    }
}

So now it looks like this: image (1)

khristiansnyder commented 3 years ago

Had a report of this in #30421770-hc.

Used CSS to fix:

.menu li:hover ul, .menu li[aria-expanded="true"] ul {
    left: 130px;
}
.menu .nav-arrow {
display: none;
}