This topic has 15 replies, 2 voices, and was last updated 8 years by 
-
-
hello dear support,
please have a look how it’s look like, please find file attached,
the background is distorted and tittle is overlapping could you advise me how to fix it
regards
Simon
Hi Simon,
Please go to your homepage in backend and using visual composer backend editor go to custom heading and set line height 1em for that text.
Regarding the distorted image, this because the image that you have selected to be bg have height to small. around 600 px which is to small reported to the iphone resolution height (1334px)
Please use a larger image
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionmany thanks for quick response, the line height helps in good mobile view,
in terms of background when I scratch the browser window image is aligned and fitted well, but in mobile browser not, it’s strange a bit what’s your feeling about it?If you can’t find answer I will change the background height as you said before.
regards
SimonHi,
If you will check your website from another device not iphone you will see the image ok, not pixelated, and if you visit from iphone you will see image pixelated, this because iphone has
1,334 x 750 resolution and 326ppi and the browser have only 72 dpiPlease replace image with another one more bigger
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionmy image dimensions (are attached into email) are massive but still website on iphone6 is pixelated is this caused by style.css or something else? Can you advice me ? Nothing has changed after replacing by new image. Any clue?
Ok i see,
In this case please add this css to kleo-child/style.css
COPY CODE.kleo-mobile .bg-parallax{background-attachment: scroll !important;}Let me know
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionhello Radu,
I’ve never operate on the child theme am I suppose to activate it? I just add this class bellow comment section. After all nothing has changed on mobile view – Iphone 6. Image is still blurred and pixelated however dimensions are 2373×1334
Hi,
Child theme needs to be activated, now the css is not loaded into your website.
Let me know
Cheers
RAdu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOr you can add that css into wp-admin -> theme options – general settings -> quick CSS
Let me know
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionI did both things, I’ve activated child theme, and I add code to quick css, either ways doesn’t work
Ok..
Can you please provide admin credentials to test different snippets etc ?
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionYes,
I’ve received your login informations,i will take a look soon and i will notice you
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
Fixed please check
I’ve used this
COPY CODE.kleo-mobile .article-content section.container-wrap:first-child { background-attachment: scroll !important; }Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
The forum ‘Bugs & Issues’ is closed to new topics and replies.
