Hi Guys,
the mobile site of my site looks fine appart from the logo being to wide (i have to have it wide for the desktop site). I also would like to remove the slides from the HP on the mobile site only. Any ideas how to do this?
Site is – http://coffeeclub.com.mm/
Cheers
Hi There,
Thanks for writing. With regards to your logo size. You can try using percentages when switching to the mobile site. For example:
@media screen and (max-width: 515px) {
#logo img { width: 50%; }
}
For hiding the slider when viewing the site from a mobile device try the following css:
@media screen and (max-width: 515px) {
.flexslider{ display: none; }
}
Please add these CSS blocks into your custom.css file or within your options panel.
Thanks,
Juan.
Thanks a lot it worked perfect!