Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Parallax background image on iPad is too zoomed in

Parallax Image issue
    • 7 years, 10 months ago reymena3
      Participant

      Expired

      Having an issue when seeing any page that has a parallax background image. Instead of showing image as it appears on desktop, it appears to zoom in to a small portion of the image  and shows it as very pixelated. This is happening on a iPad pro, although I suspect it does the same on all iPads.

      Is there a CSS fix for this?

      • This topic was modified 7 years, 10 months ago by reymena3.
    • 7 years, 10 months ago Mirela
      Participant

      Hello,

      Can you please send us the link of the page where are you having this?
      So we can give it a closer look.

      Best regards!

    • 7 years, 10 months ago reymena3
      Participant

      Expired

      Please compare the parallax image of man with fist on homepage to iPad (portrait and landscape) to see the issue. This is happening to other site I am using Specular on. So this is not an isolated case. thanks

      Home

      • This reply was modified 7 years, 10 months ago by reymena3.
    • 7 years, 10 months ago Mirela
      Participant

      Hello,

      Please send us some valid wp credentials in a private reply. So we can fix this.

      Best regards!

    • 7 years, 10 months ago reymena3
      Participant

      Expired

      This reply has been marked as private.
    • 7 years, 9 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      I added this code into the page’s custom css box:

      @media (min-width: 768px) and (max-width: 1024px){
      .section-style.parallax_section{
      background-size: contain !important;
      -webkit-background-size: cover !important;
      background-position: center !important;
      background-attachment: inherit !important;
      }
      }

      Please check it in ipad. The parallax effect is removed but the image is responsive and showing up well.

      Let us know.

      Best regards!

    • 7 years, 9 months ago reymena3
      Participant

      Expired

      This reply has been marked as private.
    • 7 years, 9 months ago Mirela
      Participant
      This reply has been marked as private.
Viewing 7 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password