Site logo

Archived topic

How can i create a trending bar?

22 replies · Started by Md on March 17, 2022

Viewing posts 16–23 of 23

I fixed it. Kindly check it? Is there any issue or not?

Css modified "overflow-x:scroll;" to "overflow-x:auto;"

Glad it's working now. In case you would prefer, for the previous structure, you may add a custom CSS class to the Grid Block, ex - my-scrollable-grid: https://share.getcloudapp.com/KouAqAEp

Then replace all CSS we’ve added for this with this:

@media (max-width: 768px) {
    .my-scrollable-grid {
        display:flex;
    }

    .my-scrollable-grid > .gb-grid-column:last-child {
        min-width: 0 !important;
    }

    .gb-container.make-scrollable .gb-inside-container {
        display:flex;
        overflow-x:scroll;
    }

    .gb-container.make-scrollable .gb-inside-container .gb-headline{
        white-space:nowrap;
    }
}

Hope this helps! Kindly let us know how it goes. :)

Added. Can you check, please? Is there any error?

Try clearing your caches.

Please check the private area.

What errors are you seeing and where ?

I can't find any problems. I am requesting you to audit my website. If there are any hidden problems.

Hi Md,

I see. This would be out of our scope of support.

Here is an article you may refer to with regards to what GeneratePress Premium Support includes: https://generatepress.com/what-support-includes/

Looking at the Trending bar from my end. Everything seems to look good.

Hope this clarifies! :)

This archived topic is closed to new replies.