Skip to main content
SmartlyGreg
SmartlyGreg
Helper ⭐️⭐️⭐️
February 7, 2022
Solved

Overlapping Featured Topics widget items on Mobile

  • February 7, 2022
  • 18 replies
  • 209 views

@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
    SmartlyGregAuthor
    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
    timcavey
    Helper ⭐️⭐️
    February 7, 2022

    We’re not seeing this on our featured_home topics. 

    learning, sharing and repeat
    SmartlyGreg
    SmartlyGregAuthor
    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
    Blastoise186
    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.

    Bug blasting absolutely everything... The Blastoise Way
    SmartlyGreg
    SmartlyGregAuthor
    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
    Gainsight Employee ⭐️
    olimarrio
    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
      Gainsight Employee ⭐️
      olimarrioAnswer
      Gainsight Employee ⭐️
      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
        SmartlyGregAuthor
        Helper ⭐️⭐️⭐️
        February 24, 2022

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

        olimarrio
        Gainsight Employee ⭐️
        olimarrio
        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
        SmartlyGregAuthor
        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.

         

        Show more replies
        Terms & ConditionsAccessibility statement