ISSUE SUMMARY:
The submenu doesn't flip right or left when displayed in a smaller window, desktop or mobile, like it should. I'm using JomSocial and YOO template so I'm not sure which is controlling this. However, because it happens on the JomSocial icons, we are leaning towards JomSocial. Screenshot attached.

Can you please take a look and see if this is related to JomSocial and how to fix it? Thanks!

STEPS TO REPLICATE:
1 Go to courtclubelite.com
2 Log in
3 Narrow your browser window until there is only a small amount of gray on either side of the white area
4 Click the globe icon
5
RESULT
The sub menu tries to display to the left and is cut off
EXPECTED RESULT
The sub menu would flip and display to the right.
BROWSER
Firefox

Hi,

please put this CSS code at: /templates/yoo_monday/styles/default-cce/css/custom.css

.joms-toolbar--desktop .joms-popover {
  left: auto;
}

Thank you for your suggestion. The additional CSS you suggested really helped as the window narrows. Most of the time it works, there is a width where the popover goes to the left, then as you narrow the window more, the popover goes to the center and not off the menu item.

So as you narrow, the popover goes from opening to the right of the menu item, to opening to the left of the menu item, to the center of the window.

Hi,

please try to changing it into

.joms-toolbar--desktop .joms-popover {
  left: auto !important;
}

Thank you for the suggestion, however it did not fix the problem.
You can see the continuing issue with these steps:

Login to the front end -
1. Click the 'world' icon on the Jomsocial toolbar. The submenu drops down to the right of the menu item.
2. Gradually decrease the width of your browser window. At a certain point, you will see the submenu flip to display to the left. NOTE: This brief area's behavior is 1 remaining issue.
3. Continue decreasing the width and the toolbar changes so that when you again click the world icon, the submenu displays as a modal window. NOTE: 2nd remaining issue -- When the modal window displays, if the browser window is a certain width, you can ALSO see the submenu as a left dropdown behind the modal background opacity.
Screenshots attached.

Thank you for your help.

Hi,

it's stange, my CSS should tackle this issue.
please provide me FTP access detail. I will put the fix by my self :)

FYI:
you can put credentials informatio by editing your first post at this topic.
put it at site info form, it's private

Regards

Our servers do not allow FTP access unless you are either connected to our VPN or if I open the FTP ports for a particular IP address.

If you will supply the IP address of where you will be logging in from, I'll temporarily open the ports for that IP.

Thanks

Hi,

seem the issue has been resolved.
related with this:
www.jomsocial.com/forum/modules-plugins-...ot-responsive#166220

Regards