Return to previous page

Banner with mask settings on mobile display

This topic has 8 replies, 2 voices, and was last updated 2 years, 4 months 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 ?

    #310912 Copied Theme version: 8.0.10
    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

    #310923 Copied
    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

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

    Do you use Elementor or WPBakery?

    Regards

    #310928 Copied
    Avatar: Fab
    Fab
    Participant
    December 4, 2021 at 16:10

    WPBakery

    #310929 Copied
    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

    #310930 Copied
    Avatar: Fab
    Fab
    Participant
    December 4, 2021 at 16:32

    It works perfectly! thank you so much

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

    You’re welcome!

    Regards

    #310934 Copied

  • Tagged: , , , , , , ,

  • 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Watches Store – WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme

See All Templates

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