Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

Topic-icon iPad Issues

More
5 years 1 day ago #16750 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.

More
5 years 20 hours ago #16768 by ivan.milic
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.

More
5 years 12 hours ago #16798 by davep
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.

More
4 years 11 months ago #16838 by milos
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.

More
4 years 11 months ago #16852 by milos
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 to join the conversation.

More
4 years 11 months ago #16853 by milos
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 to join the conversation.

Time to create page: 0.127 seconds

Links, Partners and Social Media