Hello,
I am using the one-page template for my website. I have encountered the following problem which I do not know how to solve. Maybe you can help me.
I have 11 items in the primary menu with a font-size of 15px (some people said the the original font size was too small). On the laptop screen this presents no problem. Also, on a mobile phone there is no problem because the menu is being miniturized. However on a tablet and I-Pad (only in landscape position) the limit for miniturization is apparently not yet reached and as a result the primary menu is being displayed no longer in line with the logo DIV, but below that, and also over the rest of the text and photo's. I resolved this by adding a style="height:auto;" to the <div id="header-wrap">. The only thing that I have not yet succeeded to solve is adjusting the line-height of primary menu so that is not occupying a lot of space at the top of the screen.
Do you know what I have to change to compress the height of the primary menu when it is being dispayed in two lines?
My live URL is: http://www.duepadroni.it/index.php