Jump to content

Badges issues - please help


Go to solution Solved by Ehren,

Recommended Posts

Posted (edited)

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?

 

WhatsApp Image 2022-04-10 at 4.24.23 PM (1).jpeg

WhatsApp Image 2022-04-10 at 4.25.33 PM.jpeg

 

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

image.thumb.png.64e0967391fa430d08f43c8f64d7c24c.png

Edited by Gauravk
Posted

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.

  • Solution
Posted
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.

Posted

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;
}

 

Posted

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.

Posted

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;

 

vars-css 11 apr 2022.JPG

Posted

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

Posted

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!

Posted
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.

Posted
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!

Posted
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?

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...