Change header size in mobile

  • Resolved ibogo

    (@ibogo)


    9 years, 4 months ago

    On mobile my sticky header is blocking the slider. I would like to either reduce length of header ON MOBILE ONLY OR remove sticky header ON MOBILE ONLY.

    I have this CSS code that successfully removes tagline from mobile:

    @media (max-width: 978px) {
    h2.site-description {
    display: none;
    }

    Site: http://www.ibogo.club

    Thanks,
    Moh 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • rdellconsulting

    (@rdellconsulting)

    9 years, 4 months ago

    Try this

    @media (max-width: 978px) {
.sticky-enabled .tc-header {
    display: none;
}
}

    Thread Starter ibogo

    (@ibogo)

    9 years, 4 months ago

    It wouldn’t let me post again last night – fixed by simply adding standard css to change slider size but left values at standard 500 and it doubled size on mobile and left normal on desktop. No idea how and thanks for this code too will definitely bookmark 🙂 Here is code that worked:

    /*Slider size*/
    .carousel .item {
    line-height: 500px;
    overflow: hidden;
    min-height: 500px;
    }

    Thanks again 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change header size in mobile’ is closed to new replies.