BBQ Theme Mobile Question
This support request was posted in BBQ by josheaton
- josheaton August 23, 2016 at 4:30 pm
Hi Juan,
I recently asked you a question about the mobile display of the BBQ image and how the slider does not display the overlay text. I’m curious is there is a way to disable the slider from showing on mobile completely. For example, I’d like it to show the header image with the menu below, and then directly show the page break with the info boxes.
Is this possible?
Juanfra Aldasoro August 23, 2016 at 7:12 pmHi Josh,
I hope you are doing well. Thanks for writing.
Yes, you can always hide and display things with CSS. Perhaps you can take a look at what Media queries are: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
For BBQ’s home slider, the selector would be body.home .slider{}
So for example, for viewports smaller than 860px , with a CSS code like this one you will hide the slider.
@media screen and (max-width: 860px) { body.home .slider { display: none; } }Best,
Juan.josheaton August 23, 2016 at 7:49 pmWould this disable the slider for both mobile and full web browser views?
Juanfra Aldasoro August 23, 2016 at 7:51 pmHi Josh,
Thanks for the follow up.
For viewports below 860px, in any device.
Best,
Juan.
This topic is marked as resolved
Only the topic author can re-open this thread.