Joomla Templates Club 406,261 posts

[mbs2008 Friend mbs2008Join date: September 2010Posts: 39Downloads:7Uploads:4 Thanks: 20 Thanked: 3 times in 1 posts]

#172483

I am using the default (vs. iphone) layout option for my website for both the IPhone and Android Layouts. My website displays correctly (centered) on my Desktop and on my Android. However, it seems to be left justified when viewing the same website on my IPad. Can you offer any assistance?

Website: http://urbanswankblog.com

Thanks!

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#432943

Hi mbs2008,

thank you for pointing this problem out. I think this is a problem the dev’s need to have a look at. Here are 2 screenshots of a fresh kranos quickinstallation and your site viewed on an iPad 2:

The only way of debugging this (from my point of knowledge) is using a safari browser on pc and set the user agend to iPad, I allready did that but the site renders fine. I found a setting that solves the centering of the site. Please add


body.bd #ja-wrapper {
min-width: 1260px !important;
}


to your kranos template.css. By default the max-width of the wrapper is 1000px but the slideshow is set to 1260 by default. This will look like this:

The only thing left is the slideshow template that doesn’t render the backround image centered and the left control button is missing (or out of the viewport).

If you need a fast solution, please open up a ticket.

Cheers

Frank

---

Attachments:

1. 
2. 
3. 

[webmastergol Friend webmastergolJoin date: October 2012Posts: 17Downloads:1Uploads:1 Thanks: 5 Thanked: 1 times in 1 posts]

#471862

Hello,

i have the same problem with my ipad.
Is there a (complete) solution to center the layout en top slideshow (buttons)?

Regards,

Erik

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#471916

<em>@webmastergol 344771 wrote:</em><blockquote>Hello,

i have the same problem with my ipad.
Is there a (complete) solution to center the layout en top slideshow (buttons)?

Regards,

Erik</blockquote>

This is my fixed with button slideshow on JA Kranos template
+ Download my attachment file, extract it and copy paste to this folder
<blockquote>templates/ja_kranos/css</blockquote>
+ Config it
<blockquote>Admin area->Extension->Template Manager->JA_Kranos – Default ->Layouts tab</blockquote>
from

<stylesheets>
</stylesheets>
change to

<stylesheets>
<file media="only screen and (min-width:720px) and (max-width: 1049px)">css/layout-tablet.css</file>
<file media="only screen and (min-width:720px) and (max-width: 959px)">css/layout-tablet-vertical.css</file>
</stylesheets>
With layout-tablet.css and layout-tablet-vertical.css file from my attachment file

[webmastergol Friend webmastergolJoin date: October 2012Posts: 17Downloads:1Uploads:1 Thanks: 5 Thanked: 1 times in 1 posts]

#472077

Hello Ninja Lead,

where can I find the attached files?
I don’t see them.

Regards,

webmastergol

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#472091

Here you are

---

Attachments:

1. layout-tablet.zip

1 user says Thank You to Ninja Lead for this useful post

1. webmastergol

[webmastergol Friend webmastergolJoin date: October 2012Posts: 17Downloads:1Uploads:1 Thanks: 5 Thanked: 1 times in 1 posts]

#472202

Hello Ninja Lead,

It worked for me :), thanks.

regards,

webmastergol

[lbarriocanal Friend lbarriocanalJoin date: November 2007Posts: 14Downloads:78Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#480653

I have made the changes yoy say. But now the problem is in masshead module when i see my site in the iPad.
Background image has now a big right margin. ¿any help? Thanks

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#480739

Because this template do not support responsive layout but you can try to fix this issue as per my suggestion :

<blockquote>Open templates/ja_kranos/css/layout-tablet.css file</blockquote>
add new script

#ja-masshead .main {
left:60%;
}
#ja-masshead .ja-masshead {
width:100%;
}

Let me know if it helps

[lbarriocanal Friend lbarriocanalJoin date: November 2007Posts: 14Downloads:78Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#481054

<em>@Ninja Lead 356449 wrote:</em><blockquote>
add new script

#ja-masshead .main {
left:60%;
}
#ja-masshead .ja-masshead {
width:100%;
}

</blockquote>

No luck, Ninja.
I get the same rigth margin. ¿?

[lbarriocanal Friend lbarriocanalJoin date: November 2007Posts: 14Downloads:78Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#481177

I have just seen this happens in desktop browsers too when the window is narrow, IE, when screen resolution is lower than 1260 px (more or less)
Thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#481299

<em>@lbarriocanal 357008 wrote:</em><blockquote>I have just seen this happens in desktop browsers too when the window is narrow, IE, when screen resolution is lower than 1260 px (more or less)
Thanks</blockquote>
I would need to take a closer look at your site. Please send pm me with url, admin access and fpt account, I shall help you check it

[lbarriocanal Friend lbarriocanalJoin date: November 2007Posts: 14Downloads:78Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#481571

PM Sent. Thanks in advance

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#481647

<em>@lbarriocanal 357573 wrote:</em><blockquote>PM Sent. Thanks in advance</blockquote>

Fixed it 🙂

<blockquote>Open /templates/ja_kranos/css/layout-tablet.css file</blockquote>
from

#ja-masshead .main {
left:60%;
}

change to

#ja-masshead .main {
left:60% !important;
}

Please check it on your site again

1 user says Thank You to Ninja Lead for this useful post

1. lbarriocanal

[lbarriocanal Friend lbarriocanalJoin date: November 2007Posts: 14Downloads:78Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#481752

Great! Now it works perfect.

[Author]

Posts