Skip to main content
SmartlyGreg
Helper ⭐️⭐️⭐️
Feb 7, 2022 4:30 AM UTC
Solved

Overlapping Featured Topics widget items on Mobile

@Marion Frecaut I’ve noticed that on mobile there seems to have been a change made on the CSS of Featured Topics content as they now seem to have a strange overlapping look: 

At first I thought maybe I’d finally made too many custom CSS edits but when I saw the same thing on InSpired, I guess thats not what happened…

 

Looking at the CSS it seems that the class:
.featured-topics .featured-topic
has the width set to 50% instead of 100%

This could be why or what happened, not sure if it impacts anything else, I’ll leave that to you guys!

Hope this helps!

olimarrio
olimarrioAnswer
Gainsight Employee ⭐️
Feb 17, 2022 11:07 AM UTC

Hi all,

 

Just wanted to give you an update that this will be resolved once the changes described in this product update are deployed next week:

 

 

Thanks and let me know if you have any questions.

18 replies

SmartlyGreg
Helper ⭐️⭐️⭐️
Feb 7, 2022 5:25 AM UTC

Also might be worth noting that the Overview page has no left margin on smaller screen sizes, just like the Knowledge base. Ideas on the other hand seems to have 16px of margin added on each side...

 

Translate
timcavey
Helper ⭐️⭐️
Feb 7, 2022 1:16 PM UTC

We’re not seeing this on our featured_home topics. 

Translate
learning, sharing and repeat
SmartlyGreg
Helper ⭐️⭐️⭐️
Feb 7, 2022 1:29 PM UTC

@timcavey indeed! Wonder how you were spared? I did not check much further than our own community and InSpired tbh.

Translate
Blastoise186
Helper ⭐️⭐️⭐️
Feb 7, 2022 5:51 PM UTC

I can verify this issue on inSpired, O2 Germany, and Product Makers as reported. I am also seeing some similar weird behaviours on OVO, Boost, Sonos, Zapier, Gainsight and Docebo using Oshawott. It’s not just you.

Translate
Bug blasting absolutely everything... The Blastoise Way
SmartlyGreg
Helper ⭐️⭐️⭐️
Feb 10, 2022 12:33 PM UTC

@olimarrio probably not the most urgent as only on mobile but still worth looking into, if Marion I’d mentioned earlier did not look into it.

Translate
olimarrio
Gainsight Employee ⭐️
Gainsight Employee ⭐️
Feb 10, 2022 1:25 PM UTC

Hi @SmartlyGreg :wave: ,

 

Thanks for tagging me and letting me know, @Marion Frecaut is on holiday this week.

 

The good news is, we already have an open bug ticket that is being worked on to resolve these responsive display errors.

 

I will update you all here once this has been resolved. 

Translate
olimarrio
Gainsight Employee ⭐️
olimarrioAnswer
Gainsight Employee ⭐️
Feb 17, 2022 11:07 AM UTC

Hi all,

 

Just wanted to give you an update that this will be resolved once the changes described in this product update are deployed next week:

 

 

Thanks and let me know if you have any questions.

Translate
SmartlyGreg
Helper ⭐️⭐️⭐️
Feb 24, 2022 2:43 AM UTC

@olimarrio this still seems to be an issue...

Translate
olimarrio
Gainsight Employee ⭐️
Gainsight Employee ⭐️
Feb 24, 2022 10:18 AM UTC

Hi @SmartlyGreg please could you send a screenshot/video of what you’re seeing.

 

From what I can see the featured topics are appearing as expected in the carousel design on mobile view:

 

Let me know your issue and I’ll be happy to help :thumbsup: ​​​​​​​

Translate
SmartlyGreg
Helper ⭐️⭐️⭐️
Feb 24, 2022 10:41 AM UTC

I see it like in my original question still and exactly the same with InSpired community on my iPhone in Safari. TBH chrome devtools in mobile mode shows the same too on Mac.

 

Translate