Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
Like Tree1Likes
  • 1 Post By Entitled Stories

Thread: Scroll-able Horizontal Tabs???

  1. #1
    Junior Member
    Join Date
    Apr 2021
    Posts
    13
    Member #
    62669

    Scroll-able Horizontal Tabs???

    I'm trying to make this page responsive... the Tabs part. Is there a way to make the tabs scroll-able for mobile device??
    I tried to find some online and so far I have not found one that works well.

    http://www.worldlinedancenewsletter....laylist02.html
    Last edited by StacyJG; Jun 19th, 2021 at 11:53 AM.

  2.  

  3. #2
    Junior Member
    Join Date
    Jun 2021
    Posts
    6
    Member #
    62867
    Liked
    1 times
    A quick fix would be to just have the tab go 100% on mobile and have each tab display on top of each other using display: block, so you get one tab per line on mobile with the content underneath. A lot more intuitive and less of a hassle than trying to make it scroll.

    Other option for mobile is you set the width of the tab container in CSS and give it an overflow of scroll and that should let the user scroll it, although it may not be readily apparent to mobile users that they can scroll since a mobile user won't get a scrollbar in their browser like a desktop user does.
    Gianbonjovi likes this.

  4. #3
    Junior Member
    Join Date
    Apr 2021
    Posts
    13
    Member #
    62669
    okay, thanks so much for letting me know. I appreciate it.

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,969
    Member #
    5580
    Liked
    760 times
    Do you mean the tabs with the dates in them?


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:28 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com