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. Installation Problems
  3. Mobile Menu top space top does not work

Mobile Menu top space top does not work

Scheduled Pinned Locked Moved Installation Problems
9 Posts 4 Posters 109 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.
  • D Offline
    D Offline
    danny
    wrote on last edited by
    #1

    The domain is http://2020ennoschramm.de/now

    In the mobile version I'm using the Desktop Menu Style.
    Now the top space doesn't apply.

    I chose top space 80px but the menu is still at the top of the mobile version.

    Any idea?

    Many thanks

    Daniel

    bildschirmfoto-2020-03-30-um-10.59.06.png

    IMG_2136.PNG

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

      Dear @danny
      we are looking into it.
      Best!
      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • D Offline
        D Offline
        danny
        wrote on last edited by
        #3

        Dear @mariusjopen, any news?

        Best!
        Daniel

        1 Reply Last reply
        0
        • D Offline
          D Offline
          DasZitat
          wrote on last edited by DasZitat
          #4

          Sorry to revive this thread but I'm also interested in this!

          I'm trying to add some space above the activated mobile menu.
          This is what I have:
          Screenshot 2020-09-20 at 16.38.58.png

          This is what I want:
          Screenshot 2020-09-20 at 16.40.26.png

          I tried using custom CSS

          .laynav mobile-nav active{
              top: 45px;
          }
          

          but this does not work. (The wanted screenshot is done with editing inside the inspector). Is there a different class or is my code wrong?

          Cheers and many thanks in advance!

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

            Dear @DasZitat

            I can't quite make out the full website address, could you post a link and i can take a better look :)

            Best Wishes
            Richard

            D 1 Reply Last reply
            0
            • RichardR Richard

              Dear @DasZitat

              I can't quite make out the full website address, could you post a link and i can take a better look :)

              Best Wishes
              Richard

              D Offline
              D Offline
              DasZitat
              wrote on last edited by
              #6

              @Richard-Keith Ah sure, sorry for that!
              https://elro.zahnarztpraxis-aeschenhof.ch

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

                Dear @DasZitat

                Don't be sorry, happy to help :)

                Try putting this code into your "Lay Options - Custom CSS & HTML" .

                nav.laynav.mobile-nav.active {
                    padding-top: 45px;
                }
                

                Let me know how it goes and please feel free to ask any further questions,

                Thank for being a Lay Theme user!

                Sincerely
                Richard

                D 1 Reply Last reply
                0
                • RichardR Richard

                  Dear @DasZitat

                  Don't be sorry, happy to help :)

                  Try putting this code into your "Lay Options - Custom CSS & HTML" .

                  nav.laynav.mobile-nav.active {
                      padding-top: 45px;
                  }
                  

                  Let me know how it goes and please feel free to ask any further questions,

                  Thank for being a Lay Theme user!

                  Sincerely
                  Richard

                  D Offline
                  D Offline
                  DasZitat
                  wrote on last edited by
                  #8

                  Hey @Richard-Keith,

                  Thank you.
                  I've tried your suggestion, but unfortunatly there is still no padding at the top.
                  Is there anything else I could do?

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

                    Dear @DasZitat

                    Am i correct if this is the desired result?

                    Screen Shot 2020-09-28 at 11.23.50 AM.png

                    Please let me know if this code works:

                    nav.laynav.mobile-nav.active {
                        padding-top: 45px !important;
                    }
                    

                    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