@media queries re carousel-caption

  • Resolved gerryleonard

    (@gerryleonard)


    12 years ago

    I want to have the carousel caption quite large, but the problems arises in responsive view that the carousel caption (and background) are then too big for mobile display.

    I have tried

    @media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.carousel-caption.h1 {
font-size:14px!important;
}
}

    and also a variety of other element combinations but to no avail.

    I have also tried display:none; but this didnt work either.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years ago

    This CSS:

    .carousel-caption.h1

    Is trying to get an element with the classes of “carousel-caption h1”.

    Are you sure that’s right?

    Thread Starter gerryleonard

    (@gerryleonard)

    12 years ago

    I have fixed that issue by not displaying

    @media all and (max-width:480px) {
    .carousel-caption {display:none!important;}

    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years ago

    Edit: Oh sorry, so this thread is resolved?

    Thread Starter gerryleonard

    (@gerryleonard)

    12 years ago

    Yes its ressolved

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘@media queries re carousel-caption’ is closed to new replies.