Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

Small logo doesn't work on mobile phones/tablets

10 years 8 months ago
Licenses:
JomSocial Expired Socialize Expired

Like you can see in the attachment, the small logo doesn't work. It shows the original logo in the upper header and under it half the 'small' logo. Looks weird, how can I fix that?

Attachments:
10 years 8 months ago
  • Dimas Tekad Santosa's Avatar
  • Dimas Tekad Santosa
  • Visitor
  • Thank you received: 0
Licenses:

Hi Islam,

I check this in this morning and everything is fine here

thank you

Attachments:
10 years 8 months ago
Licenses:
JomSocial Expired Socialize Expired

It's not, I had canceled the small logo. I put it back on, check again please.

10 years 8 months ago
  • Dimas Tekad Santosa's Avatar
  • Dimas Tekad Santosa
  • Visitor
  • Thank you received: 0
Licenses:

in your small logo add this class "hidden-mobile logo-img-sm"

10 years 8 months ago
Licenses:
JomSocial Expired Socialize Expired

What do you mean by 'in your small logo'? And how can I add a phrase, not a code? Don't get it xD

10 years 8 months ago
  • Dimas Tekad Santosa's Avatar
  • Dimas Tekad Santosa
  • Visitor
  • Thank you received: 0
Licenses:

in you HTML i can see this code :

<img class="logo-img-sm" src="/images/logo.png" alt="Anime Fandom">

is it possible you change it to be like this ?
<img class="hidden-mobile logo-img-sm" src="/images/logo.png" alt="Anime Fandom">

10 years 8 months ago
Licenses:
JomSocial Expired Socialize Expired

Got it, that was more clear thanks! Searching for a way to change it now tho, don't know the name of the actual html homepage file.. T.T

10 years 8 months ago
Licenses:
JomSocial Expired Socialize Expired

Can't seem to find it :(

PS: I gave you access to my ftp account, if you know where to change it. If it's easier for you to tell me rather than doing it please tell me where can I find the html file of the homepage. It's supposed to be index.html I think, but no that's not it.

10 years 8 months ago
  • Dimas Tekad Santosa's Avatar
  • Dimas Tekad Santosa
  • Visitor
  • Thank you received: 0
Licenses:

Hi Islam,

You can find it from this file templates/socialize/tpls/blocks/header-jb.php

thank you

10 years 8 months ago
Licenses:
JomSocial Expired Socialize Expired

I changed, in the file you told me about:

<img class="logo-img-sm" src="<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />

With:
<img class="hidden-mobile logo-img-sm" src="<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />

And in the attachement is the result, from my Samsumg Galaxy S3 mini and table. What did I do wrong?

PS: My small logo is just the AF word, without the rest.

Attachments:
10 years 8 months ago
  • Dimas Tekad Santosa's Avatar
  • Dimas Tekad Santosa
  • Visitor
  • Thank you received: 0
Licenses:

Hi,

1. I see, inside this file templates/socialize/tpls/blocks/header-jb.php please you change this code :

hidden-mobile logo-img-sm

to be like this :
visible-phone logo-img-sm

and change this code :
logo-img

to be like this :
visible-desktop visible-tablet logo-img

2. and then open this file templates/socialize/local/css/themes/orange/bootstrap.css, find this code :
width: auto \9;
  
  height: auto;

change to :
width: auto \9;
  
  height: 100%;

3. open this file templates/socialize/local/css/themes/orange/template.css, find this code :
.logo-image a {
  background-repeat: no-repeat;
  width: 500px;
  height: 90px;
}

change to :
.logo-image a {
  background-repeat: no-repeat;
  height: 90px;
}

if you still confuse, please provide me the FTP access..

thank you

10 years 8 months ago
Licenses:
JomSocial Expired Socialize Expired

I followed the steps exactly as you said, all it did was mess up the logo imagine on my desktop site and nothing happened on mobile/tablet... I gave you FTP access in Misc Information, please look into it :)

10 years 8 months ago
Licenses:
JomSocial Expired Socialize Expired

Plus the edit you made this this problem in the attachment, the white images have gone crazy like you can see. And maybe much more problems that I still didn't notice :/

Attachments:
10 years 8 months ago
  • Dimas Tekad Santosa's Avatar
  • Dimas Tekad Santosa
  • Visitor
  • Thank you received: 0
Licenses:

Hi Islam,

ehm, please you revert back your code, I am not sure you edit the right code or not.. please let me know when you done with the revert things, I will change it by myself via cPanel.

thank you!

Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW