Mobile responsiveness - by SBB - on WordPress WooCommerce support

Solved3 replies2 participantsUpdated by Rose Tyler

  • Avatar: SBB
    SBB
    Participant

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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
    Avatar: SBB
    SBB
    Participant

    Hello Rose,

    Thank you very much! Working perfectly 🙂

    Cheers,
    Tomas

    #281596 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    You’re welcome!

    Regards

    #281619 Copied

The issue related to '‘Mobile responsiveness’' has been successfully resolved, and the topic is now closed for further responses