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. General Discussion
  3. Best way to create column layout

Best way to create column layout

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 1.1k Views 2 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.
  • daniD
    daniD
    dani
    wrote on last edited by dani
    #1

    Hi Armin,

    I'd like to create a column layout like this with the least possible modifications to LAY. It works well but the columns stack in small screen mode and I'd like to keep them intact.

    http://codepen.io/cestdani/pen/VKgPZV

    What do you suggest? Do I use this additional CSS for column layout or use flexbox columns? Or use tables?

    Is there an FAQ on the layout formatting of the site that I can reference?

    Thanks!
    Daniel

    https://danielcampbell.ca

    1 Reply Last reply
    0
    • daniD
      daniD
      dani
      wrote on last edited by
      #2

      I just found the option to 'copy same layout' for mobile. problem solved!

      https://danielcampbell.ca

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

        Hey dani! Yes yes, you used the custom phone layout. Good :)

        daniD 1 Reply Last reply
        0
        • arminunruhA arminunruh

          Hey dani! Yes yes, you used the custom phone layout. Good :)

          daniD
          daniD
          dani
          wrote on last edited by
          #4

          @arminunruh

          Tables and CSS might be a better solution for the columns since the custom phone layout doesn't update automatically with the desktop layout if there are changes.

          https://danielcampbell.ca

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

            Only the elements can update if they are synced as described here http://laytheme.com/documentation.html#custom-phone-layouts

            Hmm anytime you do a change on the desktop version you can delete the custom phone layout version
            Screen Shot 2016-10-28 at 09.51.17.png
            and then click the phone button again to create the phone layout again by "copy same layout"

            1 Reply Last reply
            0

            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
            C
            craigfeldspar
            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