Hi Francesco,

Thank you for your message.

For point 1 and 2 you can copy/paste the following CSS in to Appearance -> Customize -> Additional CSS:

/* Mobile styles only */
@media (max-width: 991px) {
    .jumbotron .jumbotron-caption .caption-heading .caption-heading-tag {
        font-size: 40px;
    }
    .widget-title {
        font-size: 36px;
    }
    .bigger-widget-title .widget-title {
        font-size: 46px;
    }
}

The 40px can be changed for the slider heading on mobile

The 36px and 46px values can be changed for the widget title sizes on mobile

Only the last point I don't really understand what you would like to change exactly. Unfortunately your attachments did not came with your ticket. Could you include the screenshot again in a new reply so I have a better understanding about what you would like to change?

Thanks.

I see, thank you for adding the screenshot.

Please replace I provided in my previous reply with this:

/* Mobile styles only */
@media (max-width: 991px) {
    .jumbotron .jumbotron-caption .caption-heading .caption-heading-tag {
        font-size: 40px;
    }
    .widget-title {
        font-size: 36px;
    }
    .bigger-widget-title .widget-title {
        font-size: 46px;
    }
    .jumbotron .jumbotron-caption {
        padding: 30px 0;
    }
}

The 30px value can be increased/decreased to achieve what you've pointed out on the screenshot.

Hope this helps.