Invision Community 4: SEO, prepare for v5 and dormant account notifications By Matt Monday at 02:04 PM
Gauravk Posted April 10, 2022 Posted April 10, 2022 (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? 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 Posted April 11, 2022 Author Posted April 11, 2022 Badges sizes are super big when hoovering over any profile name. Please help fix this issue urgently.
Marc Posted April 11, 2022 Posted April 11, 2022 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.
Marc Posted April 11, 2022 Posted April 11, 2022 14 minutes ago, Gauravk said: Done, updated Have you tested this on a default unaltered theme? Are you getting the same issue?
Solution Ehren Posted April 11, 2022 Solution Posted April 11, 2022 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 1
Gauravk Posted April 11, 2022 Author Posted April 11, 2022 Thanks @Ehren reverting vars.css fixed the badge size issue but the profile jittery load after 2 seconds still happening
Ehren Posted April 11, 2022 Posted April 11, 2022 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 Posted April 11, 2022 Author Posted April 11, 2022 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 Posted April 14, 2022 Author Posted April 14, 2022 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 Posted April 14, 2022 Posted April 14, 2022 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 Gauravk 1
Ehren Posted April 14, 2022 Posted April 14, 2022 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 1
Gauravk Posted April 15, 2022 Author Posted April 15, 2022 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 Posted April 16, 2022 Posted April 16, 2022 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 Posted April 17, 2022 Author Posted April 17, 2022 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?
Recommended Posts