Issue with responsiveness/compatibility with BBQ site on mobile

This support request was posted in BBQ by Lintong

Request ID #3179 In Progress
  • Hi,

    I’ve been creating our company website using the BBQ template and we’ve now got a few issues with the home page sliders on mobile.

    The sliders’ text is too big and covers everything up and looks a bit ugly, do you know why this is? I wasn’t sure if the sliders title/text were meant to show at all on the mobile version.

    I have tried disabling plug-ins too but that didn’t work.

    Thanks 🙂

    Hello,

    Thanks for writing.

    Yes, that’s actually a bug for when there’s only one slide. This issue will be fixed on the next release.

    To solve this you must include this CSS:

     @media screen and (max-width: 860px) {
       .flex-active-slide .flex-caption, .flexslider .slides li:first-child:nth-last-child(1) .flex-caption,
       .flexslider .slides li:only-child .flex-caption { display: none; }
     }
    

    To learn how to add custom CSS, you can check this part of the documentation: http://nicethemes.com/support/theme-docs/bbq/#custom-css

    Best,
    Juan.

    Hi Juan,

    Ah right! That’s okay, we’ll be adding some more slides soon anyway!

    Thanks for your help (the forums have also been a real help!)

    🙂

    Juanfra Aldasoro

    Hi There,

    Thanks for your response.

    Great 🙂 Have a nice day,
    Juan.

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

You must be logged in to reply to this topic.

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