Skip to main content
Solved

Overlapping Featured Topics widget items on Mobile

  • February 7, 2022
  • 18 replies
  • 149 views

SmartlyGreg
Forum|alt.badge.img

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

Best answer by olimarrio

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
Forum|alt.badge.img
  • Author
  • Helper ⭐️⭐️⭐️
  • February 7, 2022

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

 


timcavey
Forum|alt.badge.img
  • Helper ⭐️⭐️
  • February 7, 2022

We’re not seeing this on our featured_home topics. 


SmartlyGreg
Forum|alt.badge.img
  • Author
  • Helper ⭐️⭐️⭐️
  • February 7, 2022

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


Blastoise186
Forum|alt.badge.img
  • Helper ⭐️⭐️⭐️
  • February 7, 2022

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.


SmartlyGreg
Forum|alt.badge.img
  • Author
  • Helper ⭐️⭐️⭐️
  • February 10, 2022

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


olimarrio
Forum|alt.badge.img+5
  • Gainsight Employee ⭐️
  • February 10, 2022

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. 


olimarrio
Forum|alt.badge.img+5
  • Gainsight Employee ⭐️
  • Answer
  • February 17, 2022

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.


SmartlyGreg
Forum|alt.badge.img
  • Author
  • Helper ⭐️⭐️⭐️
  • February 24, 2022

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


olimarrio
Forum|alt.badge.img+5
  • Gainsight Employee ⭐️
  • February 24, 2022

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: ​​​​​​​


SmartlyGreg
Forum|alt.badge.img
  • Author
  • Helper ⭐️⭐️⭐️
  • February 24, 2022

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.

 


timcavey
Forum|alt.badge.img
  • Helper ⭐️⭐️
  • February 24, 2022

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.

 

 

I am also seeing this on mobile devices for OVO Forum


olimarrio
Forum|alt.badge.img+5
  • Gainsight Employee ⭐️
  • February 24, 2022

Thanks @timcavey & @SmartlyGreg we are deploying a fix for this as we speak.

I’ll update you as soon as this is live.

Thanks for your patience :slight_smile:


olimarrio
Forum|alt.badge.img+5
  • Gainsight Employee ⭐️
  • February 24, 2022

Hi @timcavey & @SmartlyGreg the fix has now been deployed.

Could you please check that everything is looking as wanted on your side?


SmartlyGreg
Forum|alt.badge.img
  • Author
  • Helper ⭐️⭐️⭐️
  • February 24, 2022

@olimarrio thank you seems to be working now for both InSpired and Smartly but the OVO community still seems affected.


timcavey
Forum|alt.badge.img
  • Helper ⭐️⭐️
  • February 25, 2022

Some strange happenings on OVO Forum homepage mobile display, @olimarrio: Quick links are stacked rather then scrollable and featured topics are still effected by this issue detailed in this topic ^^^


olimarrio
Forum|alt.badge.img+5
  • Gainsight Employee ⭐️
  • February 25, 2022

Thanks for letting us know @timcavey, we are on the case with a fix!


olimarrio
Forum|alt.badge.img+5
  • Gainsight Employee ⭐️
  • February 25, 2022

Hi @timcavey this issue should be resolved now. Please can you check if you can see anything amiss?

 

Thanks for your patience on this one everyone. I like to think of this as a bit of short term pain for long term gain as the new styling that has been implemented now means the layout can be customised far more easily and more consistent alignment.

 

Again, if you still see anything that doesn’t look right, please contact support@insided.com


timcavey
Forum|alt.badge.img
  • Helper ⭐️⭐️
  • February 25, 2022

Thanks @olimarrio yep Featured topics are looking good. 

 

What’s happened with quick links? 

 

Quick links are stacked rather then scrollable