Topic: Responsive problem

Hello,

Try to use vw or vh instead px to set margin.
Also, you need to upload the image in higher resolution.

Regards,
Rose Tyler.

Hello,

I mean vw (1vw = 1/100 of the current viewport width, i.e. 1% of the width) or vh (15vh = 15/100 of the viewport’s current height or 15% of the height), and also you can to use %.
On mobile this block with the image have height 772px, so you need to upload the image in higher resolution or change padding-top and padding-bottom of this block http://prntscr.com/edwn5f to 5vw.

Regards,
Rose Tyler.

Hello,

To display full image on mobile you can add custom class for row and write code “background-size:contain;”. Is this what you want http://prntscr.com/edxxru ?

Regards,
Rose Tyler.

Hello,

Change your code to:

.omada .upb_row_bg {
    background-size: contain !important;
}

Regards,
Rose Tyler.

Hello,

To change counters size you need to write another custom code.
Could you please clarify with more details what you want to achieve and provide wp-admin access in Private Content?

Regards,
Rose Tyler.

Hello,

You can change this your code in Custom CSS for mobile:

.omada .upb_row_bg {
    background-size: contain !important;
}

to:

.omada .upb-background-text-wrapper, .omada{
    height: 200px !important;
    min-height: 200px !important;
}
.omada .stats-block div {
    font-size: 1em !important;
}
.omada  .stats-block, .wpb_content_element {
    margin-bottom: 0 !important;
}
span {
    font-size: 0.5em !important;
}
.omada .upb_row_bg {
    background-size: 450px !important;
}

http://prntscr.com/ehr3pw

Regards,
Rose Tyler.