ISSUE SUMMARY: If I have a logo selected for small devices (iphone...) the drop down menu bar for mega-menu does not show. The Top-Header area increases in size because of the 5 other icons and logo. Because of this the mega-menu dropdown is NOT shown or covered. In the attached files, the image that shows the mega-menu is because I physically pulled it down to illustrate that it exist but is covered as shown in the second image.


STEPS TO REPLICATE:
1 login
2
3
4
5
RESULT
EXPECTED RESULT
BROWSER

Hi,

Please you add this css code on your css file :

.t3-community-toolbar .nav-pills li {
    margin-right: -15px !important;
}

Add this to which CSS file?
Please be specific or I will have to escalate this to the supervisor.

I added the logo for small devices so you can see what happens. Also you may go to this site to see what it looks like on all type of devices
www.responsinator.com/?url=myscoutube.com

the drop down menu you see is for JomSocial Not the MegaMenu.

Hi,

Please check again, should be fine now