iPad Issues

davep
Inactive member
Topic Author
New Member

13 years 1 week 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 to join the conversation.

ivan.milic
Support Staff
Moderator

13 years 1 week ago #16768 by ivan.milic

Replied by ivan.milic on topic Re: 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 to join the conversation.

davep
Inactive member
Topic Author
New Member

13 years 6 days ago #16798 by davep

Replied by davep on topic Re: 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 to join the conversation.

milos
Support Staff
Moderator

13 years 5 days ago #16838 by milos

Replied by milos on topic Re: 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 to join the conversation.

milos
Support Staff
Moderator

13 years 5 days ago #16852 by milos

Replied by milos on topic Re: iPad Issues

Here's the solution, edit file /templates/hot_business/css/template_css.php and add this at the bottom of this file:

Code:

<?php
$IsIpad = 0;
$IsIpad = stristr($_SERVER['HTTP_USER_AGENT'],'iPad');
if($IsIpad) { ?>
.main_container {
	width:<?php echo $templateWidth; ?>px;
}
<?php } ?>

Please Log in to join the conversation.

milos
Support Staff
Moderator

13 years 4 days ago #16853 by milos

Replied by milos on topic Re: iPad Issues

AND... in file /templates/hot_business/css/layout.css change padding in classes:

Code:

.upper {
	padding:15px 0;
	margin:0 auto;
}

and

Code:

.bottom {
	padding:20px 0;
	line-height:22px;
	margin:0 auto;
}

The following user(s) said Thank You: davep

Please Log in to join the conversation.

Time to create page: 0.121 seconds