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. Menu space between in %

Menu space between in %

Scheduled Pinned Locked Moved General Discussion
spacemenu
5 Posts 2 Posters 1.0k 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
    fabianschewe
    wrote on Apr 14, 2016, 11:16 AM last edited by
    #1

    Hi armin,
    great work with the laytheme there!

    I have a question regarding the menu.
    Is it somehow possible to set the space between menu points with % instead of px?

    It should look something like that: http://fabian.schewe-hausen.de/
    it did that with normal fixed text.

    do you know a way to make that work?

    thanks,

    Fabian

    1 Reply Last reply
    0
    • A Offline
      A Offline
      arminunruh
      Global Moderator
      wrote on Apr 17, 2016, 9:06 AM last edited by
      #2

      Hey Fabian!

      Hmm how about this CSS in "Lay Options" -> "Custom CSS & HTML" -> "Custom CSS for desktop":

      nav.primary li{
      margin-bottom: 30vh;
      }
      

      You can play around with the 30vh value.

      1 Reply Last reply
      0
      • F Offline
        F Offline
        fabianschewe
        wrote on Apr 17, 2016, 7:40 PM last edited by fabianschewe Apr 17, 2016, 3:41 PM
        #3

        Hey Armin,

        thanks for the answer!
        that works for me, except that the space from top for the first menu point somehow when i select 19% space top, i think it takes 19% of the windows width and not hight. so the menu changes when i scale the browser window in width but doesnt when i change the hight. is that possible?

        here's the link i used it: www.fabianschewe.com
        Thanks!

        1 Reply Last reply
        0
        • A Offline
          A Offline
          arminunruh
          Global Moderator
          wrote on Apr 18, 2016, 6:49 AM last edited by
          #4

          ah yeah, you could do:

          nav.primary {
              top: 30vh;
          }
          
          1 Reply Last reply
          0
          • F Offline
            F Offline
            fabianschewe
            wrote on Apr 23, 2016, 9:51 AM last edited by
            #5

            thanks! that worked

            1 Reply Last reply
            0
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes

            3/5

            Apr 17, 2016, 7:40 PM


            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.
            3 out of 5
            • First post
              3/5
              Last post
            0
            • Recent
            • Tags
            • Popular
            • Users
            • Search