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
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
-
- 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:
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)
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)
-
- Moderator
2 posts
• Page 1 of 1