[Melissa Franke]

Hi Team –

For the Chique Pro theme, the home page Featured Slider looks great on Desktop. But if you look at it in mobile, the 16:9 ratio is cut and the images are not fully displayed. They seemed design to display vertically opposed to horizontally. This makes the images look incorrectly framed. Is there a way to have it displayed horizontally at full width?

Here’s the site: https://www.melissahassey.com/

Thanks!

Carl & Melissa

[tikaram]

@melissahassey :  Login to your WordPress admin section. Go to Appearance => Customize => Additional css and add the following css.

@media screen and (max-width: 480px) {
  .owl-stage-outer.owl-height {
    height: auto !important;
  }
  #feature-slider-section .post-thumbnail img {
    position: static !important;
  }
  #feature-slider-section .hentry-inner {
    padding: 0;
    min-height: auto !important;
  }
}

Let me know if this helps you out.

Regards,
Tikaram

[Melissa Franke]

Hi Tikaram – This worked, but it’s making the load time very slow and there’s a thin blue animation strip that keeps pulsating. If you look at the home page here, you’ll see what I’m talking about. Thanks! https://melissahassey.com/

[Melissa Franke]

Hi Tikaram – Any update on his?

[tikaram]

@melissahassey : Please try compressing the slider images. Let me know if the issue persists after compressing the slider images.

Regards,
Tikaram

[Melissa Franke]

Hi Tikaram

Ok, thanks. Is there a way to have the blue horizontal status bar loading graphic on mobile. It’s minimal in desktop, but rather distracting on mobile. Thanks! Carl

[tikaram]

@melissahassey :  Please try adding the following additional css

@media screen and (max-width: 480px) {
  .slide-progress {
    max-width: 64px !important;
    right: 84px !important;
    left: unset !important;
    transform: translateX(100%);
    height: 4px !important;
  }
}

Let me know if this helps you out.

Regards,
Tikaram

[Author]

Posts