- This topic has 2 replies, 2 voices, and was last updated 6 years, 9 months ago by
.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.
azpiercedaz.
azpiercedazI have the slider on the home page, displaying perfectly on computer screens, but when looking on a tablet / mobile, the slider drops down (presumably when the tagline pushes it down) and this displays some of the header image behind it.
Is there a way to disable the slider on mobile devices only but still display the header image behind? You can see what I mean here
I have begun with:
@media screen and (max-width: 768px) {#hs-home-slider-section .bx-wrapper .bx-viewport {display: none;}}
but this takes away all of the header.
Any help will be appreictated! 🙂
HashBetter decrease the font size of the logo instead of removing the slider.. Here is the CSS
@media screen and (max-width: 768px) {
.hs-site-title {
font-size: 32px;
}
.hs-site-description{
font-size: 16px;
}
}Perfect! Thank you 🙂
