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. General Discussion
  3. Layout max-width

Layout max-width

Scheduled Pinned Locked Moved General Discussion
15 Posts 5 Posters 2.4k 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.
  • F Offline
    F Offline
    florianhaiduk
    wrote on last edited by
    #1

    Hi everyone

    Great theme, great work.

    I have only one question:
    Is it possible to set a max width for the whole layout?
    1200px for example.

    Thanks,
    Florian

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

      Thanks!
      Yeah. Go to "Lay Options" -> "Misc Options" and you can enter this code into the field "Custom CSS for Desktop Version":

      #main-region {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
      }
      
      1 Reply Last reply
      0
      • F Offline
        F Offline
        florianhaiduk
        wrote on last edited by
        #3

        It works!
        Thanks!

        1 Reply Last reply
        0
        • M Offline
          M Offline
          MAN
          wrote on last edited by
          #4

          Hi! Is it possible to fix the max-width for the header too? I mean: logo on the left, menu on the right, aligned with the limited width content.

          Thanks

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

            Right now thats not possible no :/
            will write that down and code it as a feature one day!

            1 Reply Last reply
            0
            • M Offline
              M Offline
              MAN
              wrote on last edited by
              #6

              That would be great... Is it possible for the moment to trick it with some CSS? I'd really appreciate it!

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

                Hey MAN, nah this one's not really easy to do with a quick css fix :/

                1 Reply Last reply
                0
                • M Offline
                  M Offline
                  MAN
                  wrote on last edited by
                  #8

                  Hey Armin,

                  I saw you added this feature, but it seems not to work properly. If, for example, my title and my layout had a 2% left space, once it gets the max width the new value override the title's left space data, and they show unaligned...

                  Thanks

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

                    hey MAN for me it works but yea maybe there is a bug.

                    What is your website address? Which browser are you using?

                    1 Reply Last reply
                    0
                    • H Offline
                      H Offline
                      hellllo
                      wrote on last edited by hellllo
                      #10

                      Hey Armin,

                      i just read that there is a feature to fix the header-width when using

                      #main-region {
                      max-width: 1200px;
                      }

                      It doesn’t seem to work with my Chrome. Or did i get sth wrong?
                      Thanks!

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

                        hey hellllo!

                        In "lay options" -> "misc options" there u have these two options:
                        Screen Shot 2016-08-27 at 11.07.08.png

                        Did you use these two options? Meaning did you enter "1200" in the "Max width of content" field and checked "Apply max width of content to logo and menu"?
                        Can I have a link to your website to see the problem?

                        H E 2 Replies Last reply
                        0
                        • arminunruhA arminunruh

                          hey hellllo!

                          In "lay options" -> "misc options" there u have these two options:
                          Screen Shot 2016-08-27 at 11.07.08.png

                          Did you use these two options? Meaning did you enter "1200" in the "Max width of content" field and checked "Apply max width of content to logo and menu"?
                          Can I have a link to your website to see the problem?

                          H Offline
                          H Offline
                          hellllo
                          wrote on last edited by
                          #12

                          @arminunruh

                          hey armin,

                          i just found out why it didn't work.
                          the max-width somehow messed up with the margins of title image menu bar and gridder defaults ( it was all put to 2%). The contend scaled in the right way but the menu bar didn’t – it was still stuck at the 2%.

                          I put everything to zero.
                          Now it’s neatly aligned left an right and the max-width is applied correctly.

                          thanksalot
                          you are doing great work!

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

                            ah yea, now i see it. the problem is the max-width includes the left and right frame of the layout :/
                            hmmm i need to fix this

                            1 Reply Last reply
                            0
                            • arminunruhA arminunruh

                              hey hellllo!

                              In "lay options" -> "misc options" there u have these two options:
                              Screen Shot 2016-08-27 at 11.07.08.png

                              Did you use these two options? Meaning did you enter "1200" in the "Max width of content" field and checked "Apply max width of content to logo and menu"?
                              Can I have a link to your website to see the problem?

                              E Offline
                              E Offline
                              ERSI19
                              wrote on last edited by
                              #14

                              @arminunruh hi armin, is this possibility to define the max. width still in the new version 5.2.4 I can´t find it and tried also put the code #main-region {
                              max-width: 1200px;
                              margin-left: auto;
                              margin-right: auto;
                              }

                              to CSS without success. thanks

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

                                its in lay optionsScreenshot 2023-02-10 at 14.14.25.png

                                1 Reply Last reply
                                0
                                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
                                Q
                                qua7
                                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