Topic-icon iPad Issues

More
6 years 1 month ago #16750 by davep
iPad Issues was created by davep
We just bought this template and it appears there's a slight issue with iPad that causes it to skew the background by ~50px. You can test by going to demo.hotjoomlatemplates.com/business25/index.php?style=1 on an iPad. Is there a CSS fix for this, or is there a more up to date version of the template?

thanks

//Dave

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #16768 by ivan.milic
Replied by ivan.milic on topic iPad Issues
Yes I see that on my ipad also, I think problem is with big tablets image because it overflows module area. Try to shrink it in width , or just remove it to see what happens.

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #16798 by davep
Replied by davep on topic iPad Issues
Thanks for the idea Ivan but still no luck. If I completely remove the element it still has the same issue. If I could recreate it on a PC browser it would be a lot easier to debug! Hopefully the person(s) who created this template will be able to key in on the problem quickly.. because I'm stumped - and it looks a bit silly to have the iPad render like it does.

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #16838 by milos
Replied by milos on topic iPad Issues
Yes, the problem exists. I think it's about the padding. We will do our best to fix this issue today. We will let you know.

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #16852 by milos
Replied by milos on topic iPad Issues
Here's the solution, edit file /templates/hot_business/css/template_css.php and add this at the bottom of this file:
<?php
$IsIpad = 0;
$IsIpad = stristr($_SERVER['HTTP_USER_AGENT'],'iPad');
if($IsIpad) { ?>
.main_container {
	width:<?php echo $templateWidth; ?>px;
}
<?php } ?>

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #16853 by milos
Replied by milos on topic iPad Issues
AND... in file /templates/hot_business/css/layout.css change padding in classes:
.upper {
	padding:15px 0;
	margin:0 auto;
}

and
.bottom {
	padding:20px 0;
	line-height:22px;
	margin:0 auto;
}
The following user(s) said Thank You: davep

Please Log in or Create an account to join the conversation.

Time to create page: 0.135 seconds