Responsive Layout

When viewing the website I am creating for my client via a mobile device, the Logo is sat on top of the woocommerce icons and over the responsive menu icon and is slightly overlapped by the search bar.

http://www.netweaverdesign.com/bmwsparepart/

Where can I edit the styling of this so that I can position the logo above the other header elements?

Thank you in advance,

Sam

Hi,

You have to edit css/mobile.css file and e.g. add this code:

Code: Select all

#gk-head a.imageLogo img {
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
transform: scale(0.7);
}

or better idea is to use CSS defined menu, and use another logo image for mobile devices. (in mobile.css file use another backgorund for #gk-head a.cssLogo selector)