Badges issues - please help

[Gauravk]

Wondering why every profile loads first jittery and then loads again after 2 seconds (thinking circle) and shows badges.

https://carnity.com/profile/16522-gaurav

Second issue: Badges load on a mobile device is huge and runs out of the screen, anyway to squeeze them smaller and stack them neatly?

 

 

Third issue: Awarded a new badge to a person for great content and it obscures the text completely.

Edited April 10, 2022 by Gauravk

[Gauravk]

Gentle reminder

[Gauravk]

Badges sizes are super big when hoovering over any profile name.

Please help fix this issue urgently.

[Marc]

Before anything else, please update to the latest release of the platform, and test this again on a default unaltered theme.

2 hours ago, Gauravk said:

Gentle reminder

It is worth noting, or official response times can be up to 72 hours. While we are very rarely anywhere near that, note support may be slower over the weekend.

[Gauravk]

Done, updated

[Marc]

14 minutes ago, Gauravk said:

Done, updated

Have you tested this on a default unaltered theme? Are you getting the same issue?

[Gauravk]

We are running stock unaltered theme.

[Ehren]

1 hour ago, Gauravk said:

We are running stock unaltered theme.

Hello,

The core > global > framework > _vars.css file has been modified in your theme. Reverting that file will fix your issue. 🙂

If you need to modify your CSS, you should add your code to the custom.css file. Editing the core files is not recommended as it can cause issues like this.

[Gauravk]

Thanks @Ehren reverting vars.css fixed the badge size issue but the profile jittery load after 2 seconds still happening

[Ehren]

If you add this to custom.css, does this help?

/* Fix profile jittery load */
.ipsType_richText [data-ipstruncate-size="3 lines"]{
  max-height: 4.7em;
  overflow: hidden;
}

 

[Gauravk]

I added the above lines in custom.css.

On the first load, it's still jittery but on consecutive loads, it's not.

Tried clearing the cache too, but still, it's jittery on the first load.

[Gauravk]

Any update on resolving the jittery issue?

Also please advise how to add the below line of code in custom.css or anywhere to increase the logo width, as our logo looks minuscule on mobile devices.

Attaching the vars.css code difference that was working fine all this long.

	/* Nav sizes */
	/*--header--height: 80px;
	--responsive-header--height: 55px; */
  	--header--height: 100px;
	--responsive-header--height: 100px;
	--logo--height: {theme="logo_height"}%;
	--responsive-logo--height: var(--logo--height);
	--primary-navigation--height: 52px;
	--secondary-navigation--height: 50px;

 

[Marc]

We are unable to advise on customisations unfortunately. Before anything else, please test this on a defualt unaltered theme. As was found in the size issue, you are not currently running all default. I have tagged @Ehren here to see if he has any further suggestions for you

[Ehren]

Hello,

It seems as though the "jittery" issue you're referring to is simply the ajax content loading onto the page. I unfortunately have no further improvements for that part.

The header height (on both desktops and mobiles) as well as the height of the logo can be edited via the theme settings, under the Custom tab. CSS changes aren't needed for that. 🙂

If you do need to add css variables to custom.css for another reason, you just need to wrap them with :root{} like so:

:root{
	--primary-navigation--height: 52px;
	--secondary-navigation--height: 50px;
}

I hope that helps!

[Gauravk]

14 hours ago, Ehren said:

The header height (on both desktops and mobiles) as well as the height of the logo can be edited via the theme settings, under the Custom tab. CSS changes aren't needed for that. 🙂

Thanks for this wonderful help. Much appreciate your to-the-point assistance.

 

14 hours ago, Ehren said:

It seems as though the "jittery" issue you're referring to is simply the ajax content loading onto the page. I unfortunately have no further improvements for that part.

Anyways to disable Ajax? As this behavior implies that our web server is slow, and gives a bad impression.

[Ehren]

11 hours ago, Gauravk said:

Anyways to disable Ajax? As this behavior implies that our web server is slow, and gives a bad impression.

Unfortunately not - the profiles are designed to be dynamic, and use ajax to pull in new data without refreshing the entire page. I don't believe there's a solution to change that - sorry!

[Gauravk]

On 4/16/2022 at 4:37 AM, Ehren said:

Unfortunately not - the profiles are designed to be dynamic, and use ajax to pull in new data without refreshing the entire page. I don't believe there's a solution to change that - sorry!

It wasn't like that before, so why did IPS change the functionality and cause this delay?

[Marc]

This isnt something that is changed there