Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Bug Reports
  3. no scrolling on Overflowing table

no scrolling on Overflowing table

Scheduled Pinned Locked Moved Bug Reports
3 Posts 2 Posters 499 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • J
    J
    jw
    wrote on last edited by
    #1

    Hello everyone,

    I am working on the website https://www.annakubelik.com/cv/ and am happy with the way things look in desktop. However, when viewing the list of exhibitions on mobile, I cannot scroll to the right to see the full line.
    I tried with custom CSS for all td elements, setting overflow to auto and/or table-layout to auto did not net the desired results. What could be a solution to this?

    Thank you,
    Julius

    1 Reply Last reply
    0
    • arminunruhA
      arminunruhA
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      Screenshot 2023-04-02 at 17.40.26.png

      ure using a table with a fixed width of 797px

      i think thats the default table behaviour of the texteditor table

      however, on mobile the screen width is smaller

      i think u could use this css

      table{
      max-width: 797px!important;
      width: 100%!important;
      }
      

      this way the table width would shrink on mobile

      i think i should somehow create a table element or sth

      J 1 Reply Last reply
      0
      • arminunruhA arminunruh

        Screenshot 2023-04-02 at 17.40.26.png

        ure using a table with a fixed width of 797px

        i think thats the default table behaviour of the texteditor table

        however, on mobile the screen width is smaller

        i think u could use this css

        table{
        max-width: 797px!important;
        width: 100%!important;
        }
        

        this way the table width would shrink on mobile

        i think i should somehow create a table element or sth

        J
        J
        jw
        wrote on last edited by
        #3

        @arminunruh that worked, thanks! Table styling is something I keep coming back to, especially for CVs etc. so that would be greatly appreciated – at least on my end :)

        1 Reply Last reply
        1

        Hello! It looks like you're interested in this conversation, but you don't have an account yet.

        Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

        With your input, this post could be even better 💗

        Register Login
        Reply
        • Reply as topic
        Log in to reply
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes


        Online Users
        P
        prazzo101
        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
        laytheme.com
        • Login

        • Don't have an account? Register

        • Login or register to search.
        • First post
          Last post
        0
        • Recent
        • Tags
        • Popular
        • Users
        • Search