Skip to content

Lay Theme Forum
  • N

    Navbar blur + box-shadow?

    General Discussion blur box-shadow navbar
    4
    0 Votes
    4 Posts
    403 Views
    RichardR
    Dear Nathan @nm Yes this will be a bit tricky but you can get there, you can apply a nice blur using back-drop-filter:blur : https://www.w3schools.com/cssref/css3_pr_backdrop-filter.asp Result: [image: 1653263872139-screen-shot-2022-05-23-at-11.57.29-am-resized.png] This is good when the Navbar is not interacting with another element behind it to blur off, i noticed this when using the standard 'filter:blur'. The tricky part is the box-shadow but this thread outlines a possible solution: https://stackoverflow.com/questions/52140378/using-a-shadow-together-with-backdrop-filter-blur Even better would be to use the Blur function and Drop shadow in the same, for example with the backdrop filter you can apply multiple settings: .element { backdrop-filter: grayscale(0.5) opacity(0.8) /* ...and on and on... */; } Outlined here: https://css-tricks.com/almanac/properties/b/backdrop-filter/ So you could have blur and drop shadow together within the backdrop filter. Best wishes and good luck! ā­ļø Richard
  • A

    Change .navbar color on custom pages

    General Discussion backgroundcolor navbar
    7
    0 Votes
    7 Posts
    381 Views
    CyberSlayersC
    Perfect! Glad to hear! To reverse colors on an image you can also have a look into "css filters image". Many wishes! Audrey
  • S

    Change Burger Icon into Text

    General Discussion burger navigation navbar
    6
    0 Votes
    6 Posts
    466 Views
    RichardR
    Dear Aleks @Aleksandar Q: "I'd like to use the mobile menu for the desktop version, too. How could I do this? " A: This is possible. You could set the breakpoint in Lay Options so that the Mobile layout is used always. This will mean of course that you must use the Mobile Layout. If you wish to just use a burger menu with a desktop Layout this will need to be Custom Coded in. Best wishes šŸŒ Richard
  • tristanT

    Navbar hidden not working when Scroll Bar disabled or Continuous Vertical enabled

    Bug Reports scroll bar navigation continuous vert menu navbar
    4
    0 Votes
    4 Posts
    946 Views
    tristanT
    @arminunruh said: Hey tristan. If you update Magnetic Slides to ver. 1.023 and Lay Theme to ver. 1.030 this is now fixed :+1: Great, thank you ! :clap:
  • L

    navbar

    General Discussion remove hide mobile menu navbar
    5
    0 Votes
    5 Posts
    1k Views
    L
    It works like a charm, thank you ! :smiley:

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