on low view size - logo cover top menu

When watch main site with small window size (for examle in mobile browser) logo cover top menu 1st position... plz help

gavic1.png

For mobile browser template has special mobile layout - which is prepared for small screen resolutions. I've opened our demo site on my Android device and can't see any problem, please check this screenshots :

default mobile view >> https://dl.dropbox.com/u/6620832/Zrzut%20ekranu%202012-10-19%20o%2021.56.53.png

android device full desktop view (chrome) >> https://dl.dropbox.com/u/6620832/2012-10-19%2021.53.54.png

android device full desktop view (default browser) >> https://dl.dropbox.com/u/6620832/2012-10-19%2021.55.10.png

Hi there...

thanks for Your answer...

default mobile view - i know it is available but its not acceptable for me (looks too different)...

on Your screen captures I see the same problem... when You try to click in "home" position in top menu You don't fire link from top menu but You click in Logo... You don't see problem because in Your template its the same link... but wen You edit link first position in top menu You will see difference...

i grab screen on my android device...(portrait/landscape)

device-2012-10-21-181900.png

device-2012-10-21-183923.png

and when I click on "Home" its clear to see blue borders on Logo...
The same problem is on Desktop... and Here You can see don't affect on roll over on "Home"...

if top menu will be over logo it will be good solution for me...
or maybe You can answer where change css (or maybe it is in javascript?) to stop auto reduce margin between logo and top menu (when window width are smaller)... I prefer to user use his scroll bars...

thx
Chris

The main problem is the difference between desktop and mobile view. Mobile view is designed for mobile devices and desktop for desktop ones. Without specified media queries you can't transform desktop layout to mobile version because of differences in screen resolutions. My advise is to use smaller logo or media query to change logo size depends of detected screen resolution. More about CSS rules in responsive layout you will find here >> http://www.w3.org/TR/css3-mediaqueries/