Joomla Templates Club 406,261 posts

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#1089895

I have the problem, that on the iphone the logo gets truncated. Only the upper half of it is shown. Rather than shrinking the logo as "mobile logo", I would like to double the height displayed on the mobile device. I assume I need to add some code to the custom.css for that, but exactly which one?

• This topic was modified 6 years, 10 months ago by  Andrew Winkler.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1090040

Hi,

Kindly share the credentials of your site: URL, Admin + FTP account so I can check for you.

Regards

1 user says Thank You to Saguaros for this useful post

1. Andrew Winkler

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#1090055

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1090152

Hi,

You can use this custom CSS:

body.features-page .t3-header .logo {
  z-index: 1;
}

put into the CSS file: root/templates/ja_social_ii (your default template)/css/custom.css (Create this file if it doesn’t exist)

Regards

1 user says Thank You to Saguaros for this useful post

1. Andrew Winkler

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#1090258

Okay, I did that. However, now, the logo bleeds into the block below rather than pushing it further down. That still does not look right.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1090266

Could you illustrate the modification you expect via screenshot? I will check for you.

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#1090486

Basically, I would like the logo to be displayed in full the way it is displayed on the destkop.

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1090559

The screenshots you sent are from a different site, which site should I check?

1 user says Thank You to Saguaros for this useful post

1. Andrew Winkler

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#1091251

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1093299

This reply has been marked as private.

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#1094102

sorry. that has changed. I have updated the URL.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1094172

You can try with this custom CSS:

@media (max-width: 767px){
body.features-page .t3-header .logo {
    height: 85px;
}
}

1 user says Thank You to Saguaros for this useful post

1. Andrew Winkler

[Author]

Posts