Banner with mask settings on mobile display

This topic has 8 replies, 2 voices, and was last updated 3 years ago ago by Rose Tyler

  • Avatar: Fab
    Fab
    Participant
    December 4, 2021 at 11:46

    Hello team,
    I am using banners with masks, set to left aligned text on desktop, but on mobile displays the content aligns to the center and I would like it to be left aligned as well.
    Can you help me ?

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 4, 2021 at 15:42

    Hello,

    Please provide URL of page that contains banners.

    Regards

    Avatar: Fab
    Fab
    Participant
    December 4, 2021 at 15:58

    Thank you for your answer but I’m on localhost
    Previews ⬇️

    https://prnt.sc/21ppodr
    https://prnt.sc/21ppr7z

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 4, 2021 at 16:05

    Do you use Elementor or WPBakery?

    Regards

    Avatar: Fab
    Fab
    Participant
    December 4, 2021 at 16:10

    WPBakery

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 4, 2021 at 16:14

    Try to add the next code in Custom CSS area for the page:

    @media only screen and (max-width: 772px) {
        .banner .banner-content, .banner.banner-type-2 .banner-content .banner-subtitle, .banner .banner-content .banner-title {
            text-align: left !important;
        }
    }

    Regards

    Avatar: Fab
    Fab
    Participant
    December 4, 2021 at 16:32

    It works perfectly! thank you so much

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 4, 2021 at 16:52

    You’re welcome!

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘banner with mask settings on mobile display’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.