Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • September 28, 2020 at 2:43 pm #1248998
    Sachs

    Hey Team at Enfold

    When using “fixed image” in color section, the whole will not appear in smaller screen resolution e.g. 1920 x 1080.
    https://i.imgur.com/LwqUtjG.png
    Please could you advice what the correct settings are?

    LAYOUT
    Section Height: No min. height
    Margin and Padding: huge padding

    STYLING
    Background Image: Actual Image height of 600px
    Background Attachment: Fixed
    Background Image Position: Center Center
    Background Repeat: Stretch to Fit

    Thank you!
    Best regards
    Lene Sachs

    September 28, 2020 at 3:51 pm #1249036
    Victoria

    Hey Lene,

    Please have a look at the following thread:

    sites not showing correct on ipad

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 29, 2020 at 11:40 am #1249332
    Sachs
    This reply has been marked as private.
    September 29, 2020 at 4:56 pm #1249429
    Victoria

    Hi Lene,

    That code is for the burger menu. The code here is for the images

    sites not showing correct on ipad

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 30, 2020 at 8:35 am #1249588
    Sachs
    This reply has been marked as private.
    September 30, 2020 at 3:29 pm #1249680
    Victoria

    Hi Sachs,

    Did you add the custom class to those sections or just the css?

    Best regards,
    Victoria

    September 30, 2020 at 5:15 pm #1249712
    Sachs
    This reply has been marked as private.
    October 4, 2020 at 5:34 pm #1250425
    Victoria

    Hi Sachs,

    You need to add the custom class .avia-bg-style-fixed to the elements that you are trying to make changes to, so adding just css is only half of the job.

    Here are the docs for you:

    Intro to layout builder

    Best regards,
    Victoria

    October 5, 2020 at 10:59 am #1250558
    Sachs
    This reply has been marked as private.
    October 6, 2020 at 7:42 pm #1250922
    Victoria

    Hi Lene,

    https://share.getcloudapp.com/xQuA0qLe The class name has to be added without the dot. Please remove the dots and test the pages.

    Best regards,
    Victoria

    October 7, 2020 at 10:49 am #1251096
    Sachs
    This reply has been marked as private.
    October 10, 2020 at 2:20 pm #1251868
    Victoria

    Hi Sachs,

    I see that the code is applied on the main page to the image with the clock. The image does not have a parallax effect on mobile, it just scrolls with the page. This is how the code works.

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    October 11, 2020 at 8:48 pm #1252093
    Sachs
    This reply has been marked as private.
    October 15, 2020 at 8:23 am #1252943
    Ismael

    Hi,

    the top is cut off in smaller screen resolutions e.g.1920 x 1080

    This is quite expected because the aspect ratio of the background image has to be retained; otherwise, it will be distorted. The background image has to be stretched in order to cover the whole section and parts of it may have to overflow outside the background positioning area in order to keep its aspect ratio. You could set the Background Repeat to Scale to fit, but this will create white spaces around the section.

    Best regards,
    Ismael

    October 15, 2020 at 1:21 pm #1253009
    Sachs
    This reply has been marked as private.
    October 19, 2020 at 1:07 pm #1253951
    Ismael

    Hi,

    Thank you for the info.

    Did you set the slider to use the original image without scaling? The Slideshow Image and Video Size settings is inside the Styling > Slideshow Settings toggle. Set it to the first option (No Scaling).

    Best regards,
    Ismael

    October 21, 2020 at 11:04 am #1254607
    Sachs
    This reply has been marked as private.
    October 22, 2020 at 7:32 am #1254871
    Ismael

    Hi,

    Thank you for the info.

    STYLING
    Background Attachment: Fixed
    Background Image Position: Center Center
    Background Repeat: SCALE TO FIT

    The Styling > Background Image > Gentag baggrund settings of the section with the clock image is set to Stretch to fit, not Scale to fit. You have to set it to Scale to Fit if you want the whole image to be visible, but as we mentioned previously, this might create spaces within the container, or around the background image.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • You must be logged in to reply to this topic.