Viewing 1 replies (of 1 total)
  • Hi there! I understand your concern. Default cover block does not support this type styling. However, you can achieve this easily with css trick. Select the text block first and add a custom class .sabina_cover_block_text and hide this for mobile device.

    @media (max-width: 768px) {
    .sabina_cover_block_text{
    display:none;
    }
    }

    After the cover block add a paragraph block and add the same text you added on the text block. Add custom class .sabina_cover_block_below_text and hide it for other devices but visible in mobile only. So, full code will be

    .sabina_cover_block_below_text{
    display: none;
    }
    @media (max-width: 768px) {
    .sabina_cover_block_text{
    display:none;
    }
    .sabina_cover_block_below_text{
    display: block;
    }
    }

    This approach will help you achieve the desired result. Feel free to adjust the CSS if needed.

Viewing 1 replies (of 1 total)

The topic ‘Display cover text block below image on mobile’ is closed to new replies.