Lay Theme Forum

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

    Change mobile menu bar?

    General Discussion
    css mobile menu color
    4
    7
    2420
    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
      georgegooney last edited by georgegooney

      Hi there!

      First of all thanks for your theme, it's wonderful! But I have a question…

      Is it possible to change the menu bar for the mobile screen only? For my website I would like to have a transparent menu bar on the computer, but I do want it to be solid for the mobile screen. How can I make this happen?

      Thanks in advance!

      Sincerely.

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

        Thanks!
        You can use this CSS

        .navbar{
        background-color: rgba(255,255,255,0.5)!important;
        }
        

        You can put this css into the field "Custom CSS for Mobile Version" in "Lay Options" -> "Misc Options"

        This makes the menubar transparent for mobile, however right now the way I coded it, thats incompatible with the menu. Cause your mobile menu is behind the menubar and if the bar is transparent, you see the menu shine through and it looks awful.

        I need to change this and create some more customization options for a future update of lay theme. I don't know when I will have time though cause I have a lot of freelance work at the moment…

        D 1 Reply Last reply Reply Quote 0
        • G
          georgegooney last edited by

          Thanks! It kind of worked for me, I have just made it black instead of transparent.

          1 Reply Last reply Reply Quote 0
          • D
            dcdcdc @arminunruh last edited by

            @arminunruh Hi Armin, is there any way to disable the dropdown option on mobile? I only have one link for my menu, and I don't want there to be a dropdown.

            I've been trying to find the class for it on the Inspector but I can't seem to find it. Please help :(

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

              You could put this into "Lay Options" -> "Custom CSS…" -> "Custom CSS for Mobile"

              nav.primary.transition{
              -webkit-transition: none;
              transition: none;
              }
              

              This will make the menu show up without an animation

              1 Reply Last reply Reply Quote 0
              • J
                jlohin last edited by

                @arminunruh Hello, I would like to have my "About" page link in the top-right corner on both desktop and mobile. I do not want the dropdown hamburger menu on mobile, just the "About" page link in the top-right. How do I do this?

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

                  Hey jlohin, this is a feature that I need to add to lay theme. Currently that's not easily possible. Gonna work on it soon.

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post
                  Post a link to where the problem is if possible, please <3
                  I don't answer or check forum DMs, please just post on the forum.
                  Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

                  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. When using a WordPress Cache plugin, disable it or clear your cache. Now see if your problem solved itself.
                  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

                  • Search as icon instead of text?

                  • FILTER Categories showing all projects

                  • H

                    Vimeo embed with autoplay and loop is really slow...help!

                  • A

                    website not loading on iphone safari

                  laytheme.com