Mobile site – Customising CSS and Logo size for mobile

This support request was posted in BBQ by twoei22

Request ID #1395 Resolved
  • 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

    Juanfra Aldasoro

    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!

    Juanfra Aldasoro

    I’m happy to hear that 🙂

    Have a nice day,
    Juan.

Viewing 4 posts - 1 through 4 (of 4 total)

This topic is marked as resolved

Only the topic author can re-open this thread.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server