Parallex image is way too big on iPhone

[seyopa]

Hi. I’m using at your Kleo e-learning template for my own page. On my iPhone when I scroll down to the parallax image for “Marvin Comak” it’s way too big. I understand that it needs to be large enough to fit all the content on the iPhone screen, but the result is just a giant ear (I’ve attached a screen shot).

http://seventhqueen.com/themes/kleo/e-learning-home/

Is there a graceful solution for this. How can I use a different image for the iPhone, since it’s not going to be parallax on mobile anyway?

Thanks!

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, you could use this css, should make the background black

COPY CODE

@media (max-width: 991px) {
section.container-wrap.main-color.custom-color.bg-parallax {
    background: black !important;
}
}

Or if you prefer to use an image

COPY CODE

@media (max-width: 991px) {
section.container-wrap.main-color.custom-color.bg-parallax {
    background-image: url(IMAGE URL HERE) !important;
}
}

Add code to style.css of child theme

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts