Pro header mobile menu drop down is getting cut off

[fatcatgraphics]

Hello, ive asked this question before and used this which worked:

@media (max-width:480px){
[data-x-stem] [data-x-stem*=“r”] {
left: 0;
top: 100%;
}
}

But its not working this time. On this site: https://palmshotelfireisland.com on a phone the sub menu gets cut off bc it drops to the left instead of straight down. How can i get it to drop straight down? I tried left:100% also but that didnt work either.

Thanks
Rena

[ruenel]

Hi Rena,

Thanks for writing in!

To resolve your issue, you may need to update your code and use this instead:

@media (max-width:980px){
    [data-x-stem] [data-x-stem*="dl"] {
      left: 0;
      top: 0;
      position: relative;
      height: auto;
      display: none;
    }

    .sub-menu.x-dropdown.x-active {
        display: block;
    }
}

We would loved to know if this has work for you. Thank you.