Joomla Templates Club 406,261 posts

[alasadi Friend alasadiJoin date: February 2009Posts: 33Downloads:1Uploads:1 Thanks: 10]

#163392

Hi

How can I edit the html of the mobile site? I want to add my logo etc..

Thanks in advance.. 🙂

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#389046

The css for the mobile section is located in templates>ja_portfolio>css>handheld

However we have to create some css for your logo in there and call it. First add the following code to templates>ja_portfolio>css>handhelp>template.css

h1.logo, div.logo-text {
float: none;
margin: 0 auto;
}
h1.logo {
height: 34px;
width: 200px;
}
h1.logo a {
background: url("../../images/logo.png") no-repeat scroll center center transparent;
display: block;
height: 34px;
width: 200px;
}

changing the logo.png bit as required.

Then we need to make sure it is actually called so we need to go into the template manager and in the layouts tab edit the iphone layout and the handheld layout to make sure the css is called. Look for the stylesheets definitions in those two edits and in my older copy of portfolio the paths are incorrect but that may have been corrected. Below is how I have them configured, yours may already be that but you will need to check.

<!--Extra css load for this layout-->
<stylesheets>
<file>css/handheld/layout.css</file>
<file>css/handheld/template.css</file>
<file>css/handheld/iphone.css</file>
</stylesheets>

3 users say Thank You to Phill for this useful post

1. alasadi
2. bkmja
3. willroz

[alasadi Friend alasadiJoin date: February 2009Posts: 33Downloads:1Uploads:1 Thanks: 10]

#389825

Thank you a lot phill

[alasadi Friend alasadiJoin date: February 2009Posts: 33Downloads:1Uploads:1 Thanks: 10]

#396733

How can I disable the mobile site?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#396739

In the template manager go into the profiles tab and set all layouts to default.

1 user says Thank You to Phill for this useful post

1. alasadi

[bkmja Friend bkmjaJoin date: June 2010Posts: 96Downloads:0Uploads:3 Thanks: 25 Thanked: 1 times in 1 posts]

#401582

<em>@phill luckhurst 237538 wrote:</em><blockquote>The css for the mobile section is located in templates>ja_portfolio>css>handheld

However we have to create some css for your logo in there and call it. First add the following code to templates>ja_portfolio>css>handhelp>template.css

h1.logo, div.logo-text {
float: none;
margin: 0 auto;
}
h1.logo {
height: 34px;
width: 200px;
}
h1.logo a {
background: url("../../images/logo.png") no-repeat scroll center center transparent;
display: block;
height: 34px;
width: 200px;
}

changing the logo.png bit as required.

Then we need to make sure it is actually called so we need to go into the template manager and in the layouts tab edit the iphone layout and the handheld layout to make sure the css is called. Look for the stylesheets definitions in those two edits and in my older copy of portfolio the paths are incorrect but that may have been corrected. Below is how I have them configured, yours may already be that but you will need to check.

<!--Extra css load for this layout-->
<stylesheets>
<file>css/handheld/layout.css</file>
<file>css/handheld/template.css</file>
<file>css/handheld/iphone.css</file>
</stylesheets>
</blockquote>

Hi,

Been playing with this. No changes needed for layouts. In fact adding the iphone.css file was making the layout go nuts for both handheld layouts, picking up some mods from the site css. What I don’ get is that I see the override path for handheld, but not iphone. It’s like iphone is missing a template.css file. Had to edit the T3 core for now until I figure out what is going on.

Any ideas? Thanks in advance.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#401639

This worked for the T3 plugin at the time. The plugin may now have been updated. What exactly are you trying to achieve?

[bkmja Friend bkmjaJoin date: June 2010Posts: 96Downloads:0Uploads:3 Thanks: 25 Thanked: 1 times in 1 posts]

#401694

Just update the logos for now. Will explore plugin changes. Thanks.

[Author]

Posts