Css problems

Since my last ticket about this was locked I need to ask again:

I am using a module called "JT Fixed Display" to display my main menu. This module will float at the top of the screen. Easysocial is the only component that will cover the module instead of being hidden behind it when a user scrolls down. Can you please help me fix the layout so that easysocial no longer covers my main menu ?

Easysocial tech support recommended this:

You can this css code in your custom.css file.

#rt-top-surround position{
position: relative;
z-index: 2;
}
#rt-transition{
position: relative;
z-index: 1;
}

This solution worked good on desktop and laptops but has affected mobile display so that all components now cover my menu.

perhaps some css code could be added to my mobile menu module here:
administrator/index.php?option=com_advancedmodules&view=module&layout=edit&id=278

Please help. My site is now almost unusable on mobile.
Thank you