Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 18, 2019 at 7:24 pm #1080028
    NMDKDesign

    Hi,

    i need some help. Color section is not working correct on mobile devices.
    Photos are not correctly displayed (based on desktop look) and effect (fixed or parallax) is not working.

    I also have another problem that css does not work correct.
    I added some different code snippets in “Quick css” but nothing changes.
    Cleared Cache already – still no changes after adding css code to “Quick css”.

    Page: http://new.nmdk-wedding.de/

    Thanks in advance

    March 21, 2019 at 6:02 am #1081164
    Rikard

    Hey NMDKDesign,

    Color Section; could you post a screenshot highlighting the problem please?

    Quick CSS; could you point out the exact CSS which is not working please? Also please post admin login details in private so that we can access the backend of your site.

    Best regards,
    Rikard

    March 21, 2019 at 10:33 am #1081305
    NMDKDesign

    Hi Rikard,

    Color section:
    Example Image
    Parallax is not working on my mobile (Galaxy S9+) and layout is not responsiv (different to desktop look).
    I also don´t like that the fullsize button looks this way on mobile devices.
    How can i solve this issues?

    CSS issues:
    See this topic

    Thanks in advance and best regards

    Nik

    • This reply was modified 6 years, 3 months ago by NMDKDesign.
    March 27, 2019 at 3:21 am #1083355
    Ismael

    Hi,

    On mobile devices, the parallax effect is disabled and the background attachment is set to scroll, so the background image is not going to animate. The background also tends to look a little different on mobile view because the image has to be resized in order to keep its aspect ratio. You can, however, change the background position with css to recenter the images’ point of interest.

    @media only screen and (max-width: 767px) {
.avia_mobile .avia-full-stretch {
    background-attachment: scroll !important;
    background-position: 50% 130px !important;
}
}

    Turning the custom css class attribute should help.

    // https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

    Best regards,
    Ismael

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