Return to previous page

Banner with mask settings on mobile display

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

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

Rose Tyler

Support staff

December 4, 2021 at 15:42

Hello,

Please provide URL of page that contains banners.

Regards

#310923 Copied

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

Rose Tyler

Support staff

December 4, 2021 at 16:05

Do you use Elementor or WPBakery?

Regards

#310928 Copied

Fab

Participant

December 4, 2021 at 16:10

WPBakery

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

Participant

December 4, 2021 at 16:32

It works perfectly! thank you so much

#310933 Copied

Rose Tyler

Support staff

December 4, 2021 at 16:52

You’re welcome!

Regards

#310934 Copied
Tagged: banner, display, mask, mobile, settings, templates, woocommerce, wordpress
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

Banner with mask settings on mobile display

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection