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. New Gutter Problem

New Gutter Problem

Scheduled Pinned Locked Moved Bug Reports
12 Posts 3 Posters 218 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.
  • RichardR Richard

    Dear Fabian

    @fabiandraxl

    The vertical margin is set with VW (viewport width) and the horizontal margins are set with %, on bigger screens i think this is causing the issue.

    VW:
    Screen Shot 2022-01-18 at 8.49.36 AM.png

    %:
    Screen Shot 2022-01-18 at 8.50.49 AM.png

    If this isn't caused by any Code on your end i will forward to Armin āœ…


    Thanks for the update Fabian & talk soon, have a wonderful day 🌻
    Richard
    fabiandraxlF Offline
    fabiandraxlF Offline
    fabiandraxl
    wrote on last edited by
    #3

    Hej @Richard,

    I don't think it's caused by any code of mine, the only strange thing is that it will only appear over 1440px ...

    Here are other screenshots, where you could see that row and gutter are set to 2% and appear the same but the 2% Space above / below seem bigger in the Gridder too.

    Bildschirmfoto 2022-01-18 um 11.09.07.png

    Bildschirmfoto 2022-01-18 um 11.09.16.png

    If you want I could reactivate the support account you already got via DM.

    Thanks! :)

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by
      #4

      Dear Fabian

      @fabiandraxl

      Have messaged Armin for some insight āœ…


      Best wishes
      Richard
      fabiandraxlF 2 Replies Last reply
      1
      • RichardR Richard

        Dear Fabian

        @fabiandraxl

        Have messaged Armin for some insight āœ…


        Best wishes
        Richard
        fabiandraxlF Offline
        fabiandraxlF Offline
        fabiandraxl
        wrote on last edited by
        #5

        @Richard Thanks! :P

        1 Reply Last reply
        1
        • RichardR Richard

          Dear Fabian

          @fabiandraxl

          Have messaged Armin for some insight āœ…


          Best wishes
          Richard
          fabiandraxlF Offline
          fabiandraxlF Offline
          fabiandraxl
          wrote on last edited by
          #6

          Hej @Richard,

          Is there an update on the problem yet?

          Thank you and best regards,
          Fabian

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

            Dear Fabian

            @fabiandraxl

            I would suggest in the meantime, if the issue is only above a certain screen size then define your desired CSS:

            https://www.w3schools.com/css/css_rwd_mediaqueries.asp

            @media only screen and (min-width: 1440px) {
            .col{ padding-top: 4%;}
            }
            

            Result:
            Screen Shot 2022-02-22 at 8.09.18 PM.png


            Best
            Richard
            fabiandraxlF 1 Reply Last reply
            0
            • RichardR Richard

              Dear Fabian

              @fabiandraxl

              I would suggest in the meantime, if the issue is only above a certain screen size then define your desired CSS:

              https://www.w3schools.com/css/css_rwd_mediaqueries.asp

              @media only screen and (min-width: 1440px) {
              .col{ padding-top: 4%;}
              }
              

              Result:
              Screen Shot 2022-02-22 at 8.09.18 PM.png


              Best
              Richard
              fabiandraxlF Offline
              fabiandraxlF Offline
              fabiandraxl
              wrote on last edited by
              #8

              Hi @Richard ,

              Thank you for looking at this again.

              The problem is not only with the rows that have a different spacing ... but also the spacing made with the function spacing above and blow...

              Also, as explained above, it makes no difference whether I have my custom code active or not. All distances should be set to 2%, but they don't behave that way from 1440px screen width and I would like to know why?

              Your attached screenshot also has larger vertical distances than horizontal ones... :/

              Thanks, Fabian

              1 Reply Last reply
              0
              • RichardR Offline
                RichardR Offline
                Richard
                Global Moderator
                wrote on last edited by Richard
                #9
                @fabiandraxl

                I Understand Fabian, sorry if my answers haven't been the best - ok, as of 23/2/2022 - am i going a little crazy or are the distances now correct?
                This was tested on a screen width of 1600 px, and i also created a test to be sure i wasn't losing my marbles:

                Screen Shot 2022-02-23 at 4.32.38 PM.png

                https://rickei3.dreamhosters.com/gutter-2-test/

                Technically it is still 2vw in the code but it works correctly


                Fabian, If i am losing my marbles please tell me šŸŒ


                Sincerely
                Richard
                fabiandraxlF 1 Reply Last reply
                1
                • RichardR Richard
                  @fabiandraxl

                  I Understand Fabian, sorry if my answers haven't been the best - ok, as of 23/2/2022 - am i going a little crazy or are the distances now correct?
                  This was tested on a screen width of 1600 px, and i also created a test to be sure i wasn't losing my marbles:

                  Screen Shot 2022-02-23 at 4.32.38 PM.png

                  https://rickei3.dreamhosters.com/gutter-2-test/

                  Technically it is still 2vw in the code but it works correctly


                  Fabian, If i am losing my marbles please tell me šŸŒ


                  Sincerely
                  Richard
                  fabiandraxlF Offline
                  fabiandraxlF Offline
                  fabiandraxl
                  wrote on last edited by
                  #10

                  Hej @Richard,

                  I don't know how this is possible.

                  I still have the same problems whether in Safari 15.2 or Chrome 98.0.4758.102 ...

                  Are you sure that all distances are defined with Viewport Width? Maybe something has changed with the new Gutter update?

                  I have the problem also with all the other projects on my site, only on this one it is particularly well visible.
                  Here is a screenshot from another project on my site:

                  Bildschirmfoto 2022-02-23 um 13.38.16.png

                  Thank you! :)

                  1 Reply Last reply
                  0
                  • A Offline
                    A Offline
                    anaritasousa
                    wrote on last edited by
                    #11

                    hi,

                    I think i have a similar problem, the gutter size in the backend wont correspond to the gutter size in the front end (much bigger spacing) i haven't touched any code and i have no idea how to fix it.

                    1 Reply Last reply
                    1
                    • RichardR Offline
                      RichardR Offline
                      Richard
                      Global Moderator
                      wrote on last edited by
                      #12

                      Dear @anaritasousa

                      Could you please a post to your website, and possibly also one of your Gridder setup showing the Bug? šŸŒ


                      Best
                      Richard
                      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
                      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