PricingDocsAcademy
Bluesky ...
Fri, Dec 13, 9:21 AM
Log inSign up
Log inSign up
All topics

ScrollBar X-Axis

  • /attachments/1304936233641709568/1304936233834909766/image.png

    vanishklift

    1 month ago

    How can I have a Scrollable X-Axis with Overflow on X axis and hidden ScrollBar?
    image.png
    βœ…1
  • /attachments/1304936233641709568/1304967198569398323/IMG_1128.png

    vanishklift

    1 month ago

    I tried the scrollbar-width : none it worked but not completely, when I’m scrolling on my Phone (Chrome and Safari tested) it shows a small scrollbar
    IMG_1128.png
    IMG_1129.png

  • Tom Ireland

    1 month ago

    I think you need to add ::-webkit-scrollbar {display: none;}` for Safari and Chrome. I think you’d need to add it via a style element though.
  • @Tom Ireland
    I think you need to add ::-webkit-scrollbar {display: none;}` for Safari and Chrome. I think you’d need to add it via a style element though.

    vanishklift

    1 month ago

    Thanks I’ll try! How do I add a style element ?πŸ˜…
  • @vanishklift
    Thanks I’ll try! How do I add a style element ?πŸ˜…

    Tom Ireland

    1 month ago

    Just choose "Add element" or press e on your keyboard in the editor and search for style. πŸ™‚
    ❀️1

  • vanishklift

    1 month ago

    okey thank you!!
  • @Tom Ireland
    Just choose "Add element" or press e on your keyboard in the editor and search for style. πŸ™‚

    vanishklift

    1 month ago

    I tried it but it didn’t work, I putted the style element in the list (ul) element was that right?

  • vanishklift

    1 month ago

    IT WORKED THANK YOU
    πŸ™Œ1

  • Tod

    1 month ago

    Great energy @vanishklift! Your continuous contribution to the toddle Community just made you advance to Community Level 3!

  • Laetitia | Pinshasa

    14 days ago

    Hi guys!
    Could you explain it step by step?
    As I tried naturally with the css editor (webkit etc) of the element, but didn't work
    OUPS, I understand, now πŸ™ƒ : it's not in the CSS editor, but an actual element (called Style) to insert inside the div.
    Thanks !
Leave a comment

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code β€” but accessible to your entire team!

Try toddle β€” it's free!
The two toddle Co-Founders Andreas and Kasper

Chat with @team-toddle

CEO and Co-Founder of toddle Andreas MΓΈller

Video call our CEO

Hello, toddle!

Get in touch!

Product

PricingPackagesT&CsPrivacy Policy

Company

Press kitContact
Become partnerRefer and earn

Resources

DocumentationAcademyIntegrationsBlogFounder storiesHire experts

Community

DiscordLinkedInXYouTube

Β© Copyright 2024 toddle. All rights reserved.

toddle logo

Built in toddle