Mobile view – Custom heading

Hi there,

Is there a possibility to change the custom heading image as of an narrow image to different pages for mobile view?
I am using image size: 1920 x 1000 px for mobile and desktop mode.
The images looks just fine for desktop mode, but it looks kind of big for mobile view.
You can check this from for example this page: https://www.sukat.com/tietoa-meista/
And I have attached few images about this as well.
I tried to change the row settings with many changes, but non of them worked.

Best Regards,
Tuomo Nurkkala

Attachments:

You must be logged in to view attached files.

Hello,

To fix this issue you can try to reduce the padding top and bottom on mobile devices using custom CSS. To do this, you need to add an extra CSS class to the row that contains your image as a background. For example my-page-title. Add the following snippet to the custom CSS section for mobile devices

body .my-page-title {
padding-top: 50px!important;
padding-bottom: 50px!important;
}

Kind Regards

[Author]

Posts