Lay Theme Forum

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

    We need better customization for mobile menus

    Feedback
    3
    3
    67
    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.
    • A
      alexpko last edited by

      I might be missing something here, but there looks like there aren't enough customization features for mobile menus.

      You really only have the options to change the colors of a menu, text size and leading, and that's it.

      How about including an image alongside each project? Or an icon? Transparency? Using gradients as a a background color? I personally would love to add some lines separating each menu. But what I'm saying is just more personalization.

      Apologies if I sound naggy, but love the theme! Works wonders and really intuitive to use.

      1 Reply Last reply Reply Quote 0
      • edgrbnz
        edgrbnz last edited by edgrbnz

        Hey there!

        # Icons:
        You could do all of that via Custom CSS. If you want to include Icons you could setup a mobile Menu in Appearance like so. If you would like to add icons I’d suggest you make an icon-font upload it to Lay Options → Webfonts and add a class to your custom css something along the lines of:

        /*custom icon class*/
        ._icon {
            font-family: my-cool-icons;
        }
        

        Then you can add the Icons inline via <span class="…> in the Navigation Label, et voila! Icons in your Navigation!


        # Background colors etc:
        you could easily edit things like nav.mobile-nav via the webinspector and then add your code to the Custom CSS – For a gradient it could look like this:

        nav.mobile-nav {
           background-image: linear-gradient(180deg, #FF0000 0%, #0050FF 100%);
        }
        

        If you want to add lines/borders to every (mobile) menu entry something like this could do the trick:

        nav.mobile-nav li,
        nav.mobile-nav li a {
           border-bottom: 2px solid brown;
        }
        

        Happy coding!

        ✦ ✦ ✦

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

          Dear @edgrbnz
          thank you for the valuable information 🙂

          Dear @alexpko
          yes. We will write this don for the future!

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply Reply Quote 2
          • 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

          K
          T
          G
          I
          A
          M
          K
          C

          Recent Topics

          • C

            centred Carousel fixed width and proportions

          • text underline

          • open all links in a thumbnail grid in a new tab

          • lazy loading affects project thumbnail mouseover images

          laytheme.com