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. Center mobile menu (vertical and horizontal)

Center mobile menu (vertical and horizontal)

Scheduled Pinned Locked Moved General Discussion
7 Posts 3 Posters 244 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.
  • Hayo GebauerH Offline
    Hayo GebauerH Offline
    Hayo Gebauer
    wrote on last edited by
    #1

    Is it possible to center the mobile menu both vertically and horizontally?
    I get mixed results using the mobile version on the computer, see the screenshot. On the iphone it looks kinda centered.

    Bildschirmfoto 2020-06-17 um 19.07.10.png

    1 Reply Last reply
    0
    • CyberSlayersC Offline
      CyberSlayersC Offline
      CyberSlayers
      wrote on last edited by
      #2

      Hello @Hayo-Gebauer

      Can you post a link to your website?
      We will then have a look and inspect that!

      Many wishes!

      Audrey

      ✦ Audrey@CyberSlayers.work ✦
      www.cyberslayers.work

      Hayo GebauerH 2 Replies Last reply
      0
      • CyberSlayersC CyberSlayers

        Hello @Hayo-Gebauer

        Can you post a link to your website?
        We will then have a look and inspect that!

        Many wishes!

        Audrey

        Hayo GebauerH Offline
        Hayo GebauerH Offline
        Hayo Gebauer
        wrote on last edited by
        #3

        @audreybelaud www.hayogebauer.com, thanks!

        1 Reply Last reply
        0
        • CyberSlayersC CyberSlayers

          Hello @Hayo-Gebauer

          Can you post a link to your website?
          We will then have a look and inspect that!

          Many wishes!

          Audrey

          Hayo GebauerH Offline
          Hayo GebauerH Offline
          Hayo Gebauer
          wrote on last edited by
          #4

          @audreybelaud also, to illustrate what I am talking about, hope this helps
          Bildschirmfoto 2020-06-21 um 14.47.19.png

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

            Dear @Hayo-Gebauer
            I would try something like this:

            nav.mobile-nav>ul {
                padding-top: calc(50vh - 150px);
            }
            

            Best!

            Marius

            www.mariusjopen.world

            Hayo GebauerH 1 Reply Last reply
            1
            • mariusjopenM mariusjopen

              Dear @Hayo-Gebauer
              I would try something like this:

              nav.mobile-nav>ul {
                  padding-top: calc(50vh - 150px);
              }
              

              Best!

              Marius

              Hayo GebauerH Offline
              Hayo GebauerH Offline
              Hayo Gebauer
              wrote on last edited by
              #6

              @mariusjopen that seems to have done it, thank you!

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

                Dear @Hayo-Gebauer
                nice!
                Best!
                Marius

                www.mariusjopen.world

                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