Cover block issue, parallax and width not working on mobile

  • In my website homepage I have a number of standard Cover blocks set to “Full width” and with “Fixed background” enabled. On desktop these are working correctly, but on mobile they both don’t go to full width and don’t show the parallax effect.

    I tried using other parallax plugins but all of them seemed to suffer from the same identical problems, so I guess the Sydney theme is doing something that prevents that from working on mobile.

    I’d prefer to keep using just the Cover block instead of other plugins, so any help is very appreciated. Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @skyarcher,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .no-sidebar .entry-content .alignfull {
  margin: 20px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}
    Thread Starter skyarcher

    (@skyarcher)

    Thanks a lot @kharisblank, this actually makes the Cover blocks full width on mobile. Parallax still doesn’t work (testing on iOS Safari) but it’s already a step forward. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Cover block issue, parallax and width not working on mobile’ is closed to new replies.