• Resolved athena1979

    (@athena1979)


    I am using the Blog widget to display posts in a carousel. The skin is set to ‘Banner’ so that the content box (featuring only the title) sits over the bottom of the image. The background of the content box is set to a semi-transparent colour so you can see the image through the box slightly.

    It works absolutely brilliantly on both desktop and tablet (with the content box just being the height of the title). However, on mobile, the content box covers the entire image (meaning the image is practically invisible and not clickable).

    On mobile, I would like it to behave the same way it behaves on desktop and tablet views, ie. the content box being only the height of the title (not covering the entire image).

    I have tested this on multiple different sites and it behaves in the same way on both grid and carousel mode. Is this a glitch/bug? Or is it supposed to behave this way? I don’t think it used to do this.

    Is there a way I can stop the content box completely covering the image on mobile? Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Reema

    (@reemahussein)

    Hi @athena1979 ,

    I hope you’re having a good day.

    The context box height is 100% by design on mobile devices. Please add the following CSS to your page/site to make the content.

    @media (max-width:768px) {
    .premium-blog-skin-banner .premium-blog-content-wrapper {
    top:unset;
    }
    }

    Thanks

    Thread Starter athena1979

    (@athena1979)

    That’s great thanks

    Plugin Support abanobakram

    (@abanobakram)

    You can’t imagine how much I’m glad that I managed to help you!

    @athena1979, we’d really appreciate it if you could do us a big favor and share your experience by leaving a review from here.

    Your feedback truly makes a difference and helps us keep improving.

    Thanks so much!

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

You must be logged in to reply to this topic.