Return to previous page

Mobile responsiveness - by SBB - on WordPress WooCommerce support

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

SBB

Participant

March 26, 2021 at 16:58

Hello,

Could you please advise how to set up that background cover picture in row is scaled to mobile so it is displayed full(see url picture 1) and not just part of it(see url picture 2)? Not sure if this is even possible. Rose advised me to create 3 columns but yeah it looks ok on desktop but on mobile it is same result as before. I have enabled and looked also to WPBakery Responsive CSS Box-Module as Rose advised but, while i see options for various devices, I can’t see there would be option for background image per column for example.

Before we had slider in this place and that slider scaled and display full picture on mobile but I would like change to image only as slider was slow.

I share also login details to WP if needed.

Please, contact administrator
for this information.

#281245 Copied Theme version: 7.2.6 WooCommerce version: 5.1.0

3 Answers
Rose Tyler

Support staff

March 27, 2021 at 12:11
Hello,

Set http://prntscr.com/10wzsf8 and change this code http://prntscr.com/10wzw9c to

@media only screen and (min-width: 480px) { .banner-heightmain { height: 720px; margin-left: 0px !important; } }

you will get – http://prntscr.com/10wzxbm

Regards
#281352 Copied
SBB

Participant

March 29, 2021 at 09:55

Hello Rose,

Thank you very much! Working perfectly 🙂

Cheers,
Tomas

#281596 Copied

Rose Tyler

Support staff

March 29, 2021 at 12:10

Hello,

You’re welcome!

Regards

#281619 Copied
Viewing 4 results - 1 through 4 (of 4 total)