Bug after revisioning header part

First of all, thank you for making this great website template.

We have made our website based on your template (http://peacelaw.org/) but a serious bus has occured and we need an urgent solution for this.

The sub-menu of header particles get out of the original header part and locates itself below the header part if the monitor definition decreases, at about 767px. (I attached the screen-capture, and the html part)

I talked with an expert a little bit and he said it happens because we are using bootstrap based header menu.

Anyway, how can we fix this issue? We have tried resizing font-size, div width at different screen resolution but they don't work.

Please, give us some ways to solve this problem.

Thank you

    
        
            
- [Home](/)
            
- [ Declaration ](/site/declaration)
                
                    
- [ Full Declaration ](/site/declaration)
                    
- [ Purpose and Distinctive Features ](/site/purpose)
                    
- [ History ](/site/history)
                
            
            
- [ Support ](/site/legislate_peace_campaign)
            	
                    
- [ Legislate Peace Campaign ](/site/legislate_peace_campaign)
                    
- [ Resource ](/site/resource)
                
            
            
- [ Media ](/site/latest_hwpl_news)
                
                    
- [ Latest News ](/site/latest_hwpl_news)
                    
- [ Gallery ](/site/gallery)
                
            
            
- [About Us](/site/about_us)
            
- [Contact us](/site/contact)
            
- [Sign Your Support](/site/pledge)