Hello I am just loading your topfit theme which we love. Our client has pointed out that the theme isn't responsive on an iphone 5 how do I mend this? The text drops off on the right hand side.
Here are the logins, so you can check the code for it to be responsive on iphone 5 and also the diagonal image element has stopped working....many thanks...
The slider need to be set for the responsive stage. You have all responsive stages for the slider revolution which you can edit by your own.
When you click to edit a layer you will get many options which you can alter for every stage.
As for the background image, because it is set to be Cover it will scale the image and only the middle of the image (which is white) will be displayed.
If you set it to contain you will be able to see the background image but much smaller on mobile devices. Also you will additionally need to change the image height to be bigger for the desktop.
Hope we could help and if there is anything else feel free to ask.
Hello I am just loading your topfit theme which we love. Our client has pointed out that the theme isn't responsive on an iphone 5 how do I mend this? The text drops off on the right hand side.
Kind regards
Jacqui
Hi SheardHudson,
you can insert this custom code into Mikado Options > General > Custom CSS:
@media only screen and (max-width: 400px){#slide-3-layer-4, #slide-3-layer-5, #slide-28-layer-4, #slide-28-layer-5, #slide-29-layer-4, #slide-29-layer-5 {
letter-spacing: 10px!important;
font-size:35px !important;
}
Let me know if that works for you.
Best regards
Mikado
Hello I don't think it has worked? I need it to work on an iphone 5
Many thanks
Hi,
Can you provide us with your client's wp-admin credentials so we can inspect and create specific code?
Thanks!
Best regards
Mikado
Here are the logins, so you can check the code for it to be responsive on iphone 5 and also the diagonal image element has stopped working....many thanks...
http://retpeople.sheardhudson.com/
admin
Password:
Z0C!lG&ACoqFW5L)GkXJtQEC
Hi,
The slider need to be set for the responsive stage. You have all responsive stages for the slider revolution which you can edit by your own.
When you click to edit a layer you will get many options which you can alter for every stage.
As for the background image, because it is set to be Cover it will scale the image and only the middle of the image (which is white) will be displayed.
If you set it to contain you will be able to see the background image but much smaller on mobile devices. Also you will additionally need to change the image height to be bigger for the desktop.
Hope we could help and if there is anything else feel free to ask.
Best regards
Mikado