Joomla Templates Club 406,261 posts

[daveashton75 Friend daveashton75Join date: June 2013Posts: 23Downloads:0Uploads:0 Thanks: 13]

#188630

Hi Folks,

Thanks for all your help so far, you will be please to hear I have nearly completed my site so the questions should be less frequent. When I view my site on an iphone the image on the slider appears stretched and the original puresite logo remains? On my PC all looks perfect. I am presuming that this is to do with the responsive element of the site. With all other sites I have they look identical on screen on both iphone and iPad. Is there a way I can turn of the responsive element so that site as viewed in my PC. is mirrored across all platforms??

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

#497632

Because JA Purisite is responsive template so it will auto scale with your device’s resolution. If you want it looks perfect with appropriate screen resolution, you need to customize css style with each resolution

For example:

+ Mobile

Open templates/ja_puresite/css/layout-mobile.css file

h1.logo a {
background-size: 70%;
}

+ Tablet

Open templates/ja_puresite/css/layout-tablet.css file

h1.logo a {
background-size: 85%;
}

You can apply this way with other resolution

Remember to clear cache from Admin area after changing

[daveashton75 Friend daveashton75Join date: June 2013Posts: 23Downloads:0Uploads:0 Thanks: 13]

#497727

Hi Ninja,

Is there a simple way to turn that off as the auto resizing seems to cause more problems than just simply viewing a normal (non responsive site).

In theory turning off the responsive element

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

#497786

Yes, you can do that this way

Open templates/ja_puresite/etc/layouts/default.xml file

From

<stylesheets>
<file media="all">css/layout.css</file>
<file media="all">css/template.css</file>
<file media="all">css/modules.css</file>
<file media="only screen and (max-width:479px)">css/layout-mobile-port.css</file>
<file media="only screen and (max-width:735px)">css/layout-mobile.css</file>
<file media="only screen and (min-width:736px) and (max-width: 985px)">css/layout-tablet.css</file>
<file media="only screen and (min-width:986px) and (max-width: 1235px)">css/layout-normal.css</file>
</stylesheets>

Change to


<stylesheets>
<file media="all">css/layout.css</file>
<file media="all">css/template.css</file>
<file media="all">css/modules.css</file>
</stylesheets>


Remember to clear cache from Admin area

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

1. daveashton75

[daveashton75 Friend daveashton75Join date: June 2013Posts: 23Downloads:0Uploads:0 Thanks: 13]

#497964

Fantastic thank you !!

[daveashton75 Friend daveashton75Join date: June 2013Posts: 23Downloads:0Uploads:0 Thanks: 13]

#498286

Once I tried this it actually made the site even worse on the iPhone only displaying half the page? So I have reverted back to the original settings.

To be clear my site looks perfect on a PC, however on an iPhone the old puresite logo shows instead of mine. Is there a separate logo for each platform, I presume there is if so how do I access them to change them?

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

#498397

Hope my following sugesstion will help you to solve this problem

– Open templates/ja_puresite/blocks/head.php file

– Find and remove this script


<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes"/>
<meta name="HandheldFriendly" content="true" />

<?php if (T3Common::mobile_device_detect()=='iphone'):?>
<meta name="apple-touch-fullscreen" content="YES" />
<?php endif;?>


Remember to clear cache from Admin area

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

1. daveashton75

[daveashton75 Friend daveashton75Join date: June 2013Posts: 23Downloads:0Uploads:0 Thanks: 13]

#499053

Hi Ninja,

That seems to have worked, however the puresite logo still shows on the iphone instead of my logo?

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

#499113

Open templates/ja_puresite/css/layout-mobile.css file

You can find and change puresite logo on the iphone layout

h1.logo a {
width: 218px;
height: 50px;
background: url(../images/logo-mb.png) no-repeat center center;
margin: 0 auto;
}

Logo path: templates/ja_puresite/images/logo-mb.png

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

1. daveashton75

[daveashton75 Friend daveashton75Join date: June 2013Posts: 23Downloads:0Uploads:0 Thanks: 13]

#499297

Fantastic, thanks for all your help & patience

[Author]

Posts