Hi,
Text (4a) is half cut off the page in the purple section, also the visual (picture – 4b) in responsive lay-out on mobile and tablet device.
Regards,
Me.llamo
Hey!
The background gets rescaled so it can fill the whole size of the container and keep its natural aspect ratio at the same time, you can change that behavior with the following code:
@media only screen and (max-width: 767px) {
.avia-full-stretch {
background-size: 100% 100% !important;
}
}
That will make the image look like this:
http://screencast.com/t/1FPCJlFUVdo0
Alternatively you can use this:
@media only screen and (max-width: 767px) {
.avia-full-stretch {
background-size: contain !important;
}
}
That will keep the aspect ratio of the image but it won’t be able to fill the whole container size:
http://screencast.com/t/rjzx219mK
Here’s a more graphical explanation:
Regards,
Josue
Hi Miranda,
Can you please create me a WordPress administrator account? post it here as a private reply.
Regards,
Josue
Hi Miranda!
Looks good now, i just cleared the WP Super Cache.
Regards,
Josue
Hey!
Should look fine now, check it.
Best regards,
Josue
Check it know.
Best regards,
Josue
You are welcome Miranda, glad to help :)
Regards,
Josue
Can be closed up ;-)