Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Mobile menu left-alignment padding

    General Discussion
    2
    8
    1056
    Loading More Posts
    • 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.
    • G
      Georges last edited by

      Hello Lay Theme crew,

      I’m customising my mobile menu to align left, as seen here http://laythemeforum.com:4567/topic/634/mobile-view-menu-align-to-the-left/3, but the padding isn’t having any effect. The menu is too close to the left edge of the screen, and should instead left-align with the main site title (also left-aligned) and the overall site content. I would expect a left-aligned mobile menu to take on the same left/right space percentage (5% in my case) as the default set in Customizing ▸ Mobile (Smartphone) ▸ Mobile Spaces. I've tried changing it to 5%, 10% padding, still no change.

      Many thanks for your help.

      alt text

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Hi Georges!

        Can you post a link to your website?

        Then I can have a look.

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • G
          Georges last edited by

          Thanks Marius. It's type.practise.studio.

          1 Reply Last reply Reply Quote 0
          • mariusjopen
            mariusjopen Global Moderator last edited by

            Hi Georges!

            Try to add this to your Custom CSS for Mobile Section:

            .use-mobile-menu nav.primary li a {
                padding-left: 5vw;
            }
            

            VW is related to the window width.

            I hope that helps!

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • G
              Georges last edited by

              Hi Marius, thanks for your suggestion. I've tried it, and it doesn't appear to make any difference. The mobile menu nav list is still where it has always been positioned, too far to the left, misaligned with the rest of the site's content. I tried 10vw, 15vw, just to see if it's doing anything. No change.

              This is what I'm now running:

              .use-mobile-menu nav.primary li a {
              text-align: left;
              padding-left: 5vw;
              }

              1 Reply Last reply Reply Quote 0
              • mariusjopen
                mariusjopen Global Moderator last edited by

                Hi Georges,

                try this one:

                body.use-mobile-menu nav.primary li a {
                    padding-left: 5vw !important;
                }
                
                

                Let me know if that works!

                Best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply Reply Quote 1
                • G
                  Georges last edited by

                  I realise that I never ended up confirming that your last suggestion worked! Many belated thanks!

                  1 Reply Last reply Reply Quote 1
                  • mariusjopen
                    mariusjopen Global Moderator last edited by

                    Very happy to hear :-)

                    www.mariusjopen.world

                    1 Reply Last reply Reply Quote 0
                    • First post
                      Last post

                    Before you post

                    Use the Search Feature. Maybe there is already a solution to your issue.

                    1. Update Lay Theme and all Lay Theme Addons
                    2. Disable all Plugins
                    3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                    4. Now see if your problem solved itself
                    5. Go here, see if your problem is listed here:
                    Troubleshooting

                    When you post:
                    1. Post a link to where the problem is
                    2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                    Thanks!

                    Online Users

                    Recent Topics

                    • C

                      image carousel bugging out

                    • N

                      help needed with cleaning up and optimising lay theme portfolio website

                    • R

                      Html5 Video Player issue

                    laytheme.com