Custom Layout - Problem

I have a little problem with own custom layout  on my site www.areavis.com and more specifically with the file _sub_header.html

I created the icons in the upper right corner of the website. On the big screen they work well. Unfortunately, the small screens overlap on subtitles, which are next. After reducing the screen also shows how the icons overlap for subtitles.

I send screenshots in attachments. Maybe someone knows how to make the icons shown correctly on all screens?

You have ran out of room; it is as simple as that.  I also noticed the menu is cut-off to the right.  The normal menu uses a table to construct the menu.

Let's start with the icons.  To give them more room, remove or relocate the search box.  You could relocate the search box to under the icons; this will increase the height of the header but will give room for the icons to move over.

As for the menu, look at the CSS code controlling the menu to see if it is fixed width; you might could rewrite it so the menu will fold under itself as the screen gets narrower; it won't look pretty of course.  Or maybe you could have three levels/three rows of menu items so that it will still look pretty on the narrower screen.

 Thanks for reply. That I should do the normal menu? can not be cut-off to the right?

I also try to put search bar under the icons but the icon is still shifted to the left and it looked weird.

As for the menu, there not should be a fixed width? If so, where can I change it?  And how I can do level / three rows menu?

Prashank25 has a module in the market for making multilevel menus, http://www.boonex.com/m/multi-main-menu

If you PM me your site, I will take a look to see what I can determine.  You will need to turn off CSS caching so I can use Firebug to inspect the code.

 I have this module and 2 multilevel menu bars now :)

Thank You. I send PM with site details.