• Closed
  • Sam King
    Spectator
    15.09.2015 at 07:30 #20656

    The slide title and description are overlayed and you see only the lower half of the text. Seems to be overshadowed by the menu and menu background. I was searching other topics and found this, but it didn’t work for me, it only changes the height of the logo space:

    @media (max-width: 768px) {
    .header {
    height: 300px !important;
    }
    }

    Sam King
    Spectator
    Posts: 7
    15.09.2015 at 08:06 #20660

    screenshot: http://prntscr.com/8ghd7b

    Denzel Chia
    Moderator
    Posts: 2656
    15.09.2015 at 08:29 #20664

    Hi,

    Yes, that custom css is for increasing header height, not slider height.
    Please remove that custom css.
    Please post your website url, we will try to provide a solution.

    Thanks!

    Sam King
    Spectator
    Posts: 7
    15.09.2015 at 08:30 #20665
    This reply has been marked as private.
    Denzel Chia
    Moderator
    Posts: 2656
    15.09.2015 at 08:35 #20667

    Hi,

    Please try the following code in your Theme Options -> Custom CSS

    @media (max-width: 768px) {
    .carousel-inner .item img {
    height: 200px !important;
    }
    }

    Thanks!

    Sam King
    Spectator
    Posts: 7
    15.09.2015 at 08:46 #20670

    Got me halfway there. The title doesn’t wrap. http://prntscr.com/8ghl89

    Denzel Chia
    Moderator
    Posts: 2656
    15.09.2015 at 09:02 #20674

    Hi,

    Please try the following codes in Theme Options -> Custom CSS

    @media (max-width: 768px) {
    .carousel-caption h2 {
    line-height: 1.8em !important;
    margin: 0 auto !important;
    width: 200px !important;
    word-wrap: break-word !important;
    }
    }

    Thanks!

    Sam King
    Spectator
    Posts: 7
    15.09.2015 at 09:08 #20675

    that works, with both CSS snippets together. Thanks!

    Denzel Chia
    Moderator
    Posts: 2656
    15.09.2015 at 09:15 #20677

    Hi,

    You are welcome!

    Best Regards,
    Denzel