Everything appears to work correctly for me on my iPhone. Can you point to a specific part that isn’t working correctly?
Hey Stephen,
yes I do. On my phone the sliding images and the text on these images is only shown partly.
Also there is some space next to the shown page. That means I can slide the shown page all the way out of the visible field on the phone.
Sorry, my english is not the best, but I hope you understand what I mean.
Thank you for your help!
Hi @bobniet
Thanks for reaching out. You’re using Ultra by Themify. It has the same name as this theme but, unfortunately, is not the same theme. Ultra by Themify is a premium theme so ideally, you’d reach out to the authors for support.
If you’d like a quick fix for the slider you can insert the following into the field at Customize > Additional CSS:
@media (max-width: 760px) {
.home h1 {
font-size: 180%;
}
}
This doesn’t deal with why this is happening, it just reduces the font size of the slider text below 760px on the home page only.
The reason the text on the slider overflows on a phone is because your text is wider than a typical phone screen and because it’s all one “word”, the most reasonable way to fix that is to make the text smaller:
@media screen and (max-width: 800px) {
#text-4-0-0-1 h1 {
font-size: 24px;
}
#text-4-0-0-2 p {
font-size: 20px;
}
}
If you’re using WordPress 4.7, there’s a custom CSS option available at Dashboard > Appearance > Customize > Additional CSS. Your page builder plugin you’re using might also have a custom CSS option as well.
As for the image itself, I’m sorry, but I’m afraid I can’t tell exactly what’s wrong. You might need to talk to the developers of your page builder plugin.
You are a genius! I tried this before but did not think of the “h1”!
Thank you so much! Works good enough for me.
I change it to 150% so it will be working on a smaller iPhone as well.
Thank you SOLVED
Awesome 🙂 Glad to hear you’ve made progress.
All the best.
(Thanks @stephencottontail for the help.)
