Joomla Templates Club 406,261 posts

[Klaus Ondrich Friend Klaus OndrichJoin date: April 2015Posts: 67Downloads:13Uploads:0 Thanked: 2 times in 1 posts]

#657761

Hi,

we noticed that top-page logos are placed in a second line when our Fubix site is viewed with an iPhone:

I already activated small image and even uploaded this image as 27x20px version. But see what happens: The logo would be small enough to be placed between the hamburger menu and the search input box, however the logo area still gets placed in a second line.

This issue only occurs when the page is viewed with an iPhone. Firefox and Chrome used on an Android smartphone show the logo correctly placed between menu and search (and the normal version of the logo is also shown correctly on Android, if no small version is activated).

Is this a Safari rendering problem that we have to aaccept or what could be done to render the page correctly even on iPhone’s Safari?

Kind regards,

Klaus

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#658662

Hi @kondrich,

Please go to admin >>> Extensions >>> Template Manager >>> choose your template >>> temporary disable Optimize CSS so I can have a look at the code.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#744757

Hi @kondrich,

Please go to admin >>> Extensions >>> Template Manager >>> choose your template >>> temporary disable Optimize CSS so I can have a look at the code.

[Klaus Ondrich Friend Klaus OndrichJoin date: April 2015Posts: 67Downloads:13Uploads:0 Thanked: 2 times in 1 posts]

#658874

Hi @adam M,

optimize CSS is now disabled.

[Klaus Ondrich Friend Klaus OndrichJoin date: April 2015Posts: 67Downloads:13Uploads:0 Thanked: 2 times in 1 posts]

#744763

Hi @adam M,

optimize CSS is now disabled.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#659264

Hi @kondrich,

Please open file /templates/ja_fubix/local/css/themes/ulc/template-responsive.css then remove this code :

.t3-mainnav .navbar .span10 {
float: left;
max-width: 61% !important;
}

1 user says Thank You to Adam M for this useful post

1. imported_kondrich

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#744960

Hi @kondrich,

Please open file /templates/ja_fubix/local/css/themes/ulc/template-responsive.css then remove this code :

.t3-mainnav .navbar .span10 {
float: left;
max-width: 61% !important;
}

1 user says Thank You to Adam M for this useful post

1. imported_kondrich

[Klaus Ondrich Friend Klaus OndrichJoin date: April 2015Posts: 67Downloads:13Uploads:0 Thanked: 2 times in 1 posts]

#659784

Thank you again @adam M,

after deleting this code, our logo with its original size is correctly displayed on iPhones as well.

Best regards,

Klaus

[Author]

Posts