Responsive Layout

Place where you can get help, share your ideas and discuss about Bike Store shopping Wordpress theme with WooCommerce support and plugins built for product placement.
GK User
Mon Mar 10, 2014 7:33 pm
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
User avatar
Fresh Boarder

GK User
Tue Mar 11, 2014 8:13 am
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)
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.