Slider / Header problem on mobile devices. - HashThemes

This topic has 2 replies, 2 voices, and was last updated 6 years, 10 months ago by azpiercedaz.

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

Author
Posts
February 2, 2018 at 4:31 pm #4668
azpiercedaz
Participant
I 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! 🙂
February 11, 2018 at 11:41 pm #4680
Hash
Keymaster
Better 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;
}
}
```
February 13, 2018 at 11:22 pm #4704
azpiercedaz
Participant
Perfect! Thank you 🙂
Author
Posts

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

You must be logged in to reply to this topic.