Home › Forums › Basel support forum › Mobile view – Custom heading

Mobile view – Custom heading

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 22, 2024 at 6:50 pm #551535

    Tuomo
    Participant

    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.
    March 25, 2024 at 10:37 am #551912

    Artem Temos
    Keymaster

    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
Viewing 2 posts - 1 through 2 (of 2 total)