Issue with responsiveness/compatibility with BBQ site on mobile
This support request was posted in BBQ by Lintong
- Lintong January 14, 2014 at 10:38 pm
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 🙂
Juanfra Aldasoro January 15, 2014 at 12:53 amHello,
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.Lintong January 15, 2014 at 7:55 amHi 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 January 15, 2014 at 1:06 pmHi There,
Thanks for your response.
Great 🙂 Have a nice day,
Juan.
You must be logged in to reply to this topic.