Lay Theme Forum

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

    navbar

    General Discussion
    remove hide mobile menu navbar
    2
    5
    1135
    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.
    • L
      ls last edited by ls

      Hey,
      Thank you for the great theme, :smiley:

      I have two basics questions concerning the navbar :

      • Is there a simple way to hide or remove the menu ?
      • How can I get rid of the grey line of the navbar that appear by default in the mobile version of Lay ?

      Thanks & have a super nice day !
      Ciao
      :sunglasses:

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

        You mean the mobile navigation?

        1 Reply Last reply Reply Quote 0
        • L
          ls last edited by

          Yes,
          I was wondering if there was a simple way to remove or hide the menu.

          As in the example below (found on laytheme.com), the desktop version have no menu (image 1) but when it comes to the mobile version there is a default menu with a 1 pixel grey line (image 2).

          1.png
          2.png

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

            Ok!

            If you want to hide the mobile menu you can use this CSS. Just insert it into the "Custom CSS for Mobile Version" field in "Lay Options" -> "Misc Options".

            .navbar, nav{
                display: none;
            }
            
            body{
                padding-top: 0!important;
            }
            

            If you just want to hide that line of the mobile menu, use

            .navbar {
              border-bottom-width: 0!important;
            }
            

            For these little changes it's super useful if you know a little CSS. You can learn about it here for example:
            https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started

            1 Reply Last reply Reply Quote 0
            • L
              ls last edited by

              It works like a charm, thank you ! :smiley:

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

              Try this to fix issues 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

              M
              J
              C
              M

              Recent Topics

              • J

                Imagehover addon show mouseover state

              • F

                X-button (close) on category page

              • T

                display resolution of thumbnails in image-hover

              • G

                Designer Websites for free Lay Theme.

              laytheme.com