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. customizer - menu - padding top % are vW and not vh

customizer - menu - padding top % are vW and not vh

Scheduled Pinned Locked Moved Bug Reports
5 Posts 2 Posters 55 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.
  • StarcS Offline
    StarcS Offline
    Starc
    wrote last edited by
    #1

    Hi Armin

    Padding top/bottom s' % of mobile menu is for vw and not for vh.

    can you change to vh?

    1.png 2.png

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

      hey, next update will include:

      image.png

      1 Reply Last reply
      0
      • StarcS Offline
        StarcS Offline
        Starc
        wrote last edited by
        #3

        Thank you @arminunruh, why not let user set %vh or %vw? There is some selector that not allow to specify what kind of %.

        Is this too complicated? for example in customizer the padding top of the sitetite in % is refering to the width.

        From a user perspective though, it can feel a bit unintuitive, especially when working with vertical spacing like padding-top, which visually feels related to height.

        If choosing the unit were possible, it would be very nice

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

          usually % is always width based, even if you set a margin top spacing.

          quoting from gemini:

          " if i set margin-top in % in css the percentage is based on a width right?

          Yes, you've got it exactly right—though I'll admit, it’s one of the most "wait, really?" quirks of CSS.

          Even for vertical properties like margin-top and margin-bottom, the percentage is calculated based on the width of the containing block, not the height.
          Why does it work this way?

          The logic dates back to the early days of the web.
          "

          my comment about this:

          additionally, % based spacing values often are only percentages based on the width of the parent container, not the whole width of the browser

          that is why in the background, i use vw instead of %
          additionally, sometimes i actually use 100vw - space bar width
          cause 100vw is 100% width of browser + space bar width, which can create x axis overflow

          i think i will leave it the way it is for now

          1 Reply Last reply
          0
          • StarcS Offline
            StarcS Offline
            Starc
            wrote last edited by
            #5

            Thank you for the clarification Armin!

            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

            Our Web Development company: 100k.studio

            Want to tip me? https://www.paypal.com/paypalme/arminunruh

            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