This topic has 1 reply, 2 voices, and was last updated 8 years by 
-
-
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!
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 solutionLaura 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 🙂
The forum ‘Bugs & Issues’ is closed to new topics and replies.
