Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • 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 84 Views
  • 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 Offline
    J Offline
    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 Online
      arminunruhA Online
      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 Offline
        J Offline
        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
        Reply
        • Reply as topic
        Log in to reply
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes


        I also code custom websites or custom Lay features.
        ๐Ÿ’ฟ Email me here: ๐Ÿ’ฟ
        info@laytheme.com

        Before you post:
        1. When using a WordPress Cache plugin, disable it or clear your cache.
        2. Update Lay Theme and all Lay Theme Addons
        3. Disable all Plugins
        4. Go to Lay Options โ†’ Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

        This often solves issues you might run into

        When you post:
        1. Post a link to where the problem is
        2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
        3. If the problem is difficult to explain, post screenshots / link to a video to explain it
        Online Users
        S
        sebagaga
        arminunruhA
        arminunruh
        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