Horizontal Menu Not Displaying Properly in Smartphone

a new design is not displaying properly on smartphones. Well my android shows it fine but other person sees it jumbled up. I checked on iphonetester and howtogomo and indeed the menu looks jumbled.

it is fine in IE,Chrome,Firefox, Ipad, but messed up in Iphone and certain android ops.
here is the page.

ddsmenu.css or templatemo_design.css


Your menu has problems on desktop, too. It is just placed in relation to the viewport (350px from left) and that looks way off center on a narrow screen.

The first thing to do is to center the menu properly. The easy way is to set a fixed width on it and use margin: 0 auto;

But if you don’t want to set a width, try techniques like this:



Thanks those really helped.