• Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

Secondary Menus in Mobile

Scheduled Pinned Locked Moved General Discussion
3 Posts 2 Posters 114 Views
    • 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.
  • C Offline
    C Offline
    cschm.tz
    wrote on last edited by
    #1

    Hi all!

    I was wondering if there is any way of separating with a space or keyline/differentiating with scale, position or any other hierarchy the primary menu from the secondary menu on the MOBILE version.

    http://coachingemocional.es/es

    The screenshot attached shows how both Menus have been merged into one (from Home onwards) and it would be crucial to be able to define a difference between both menus!
    Any CSS that can be applied to this?

    Thanks a lot in advance for your help!
    Best,

    Christian

    Captura de pantalla 2020-07-29 a las 12.27.24.png

    1 Reply Last reply
    0
  • RichardR Offline
    RichardR Offline
    Richard Global Moderator
    wrote on last edited by Richard
    #2

    Dear @cschm-tz

    Yes :)
    You could do this with Custom CSS in "Lay-options" - "Custom CSS & HTML"

    Screen Shot 2020-08-04 at 2.58.22 PM.png

    You can target the individual menu items to your choosing as they each have their own id.

    In the quick example above i gave "menu-item-99" a padding-bottom of 50px.

    So your code could look something like

    
    .mobile-nav #menu-item-99{
    padding-bottom: 50px;
    
    }
    
    

    The "mobile-nav" is there in front so that it just adds the padding on the mobile menu.

    Hope this helps you!

    Best
    Richard

    C 1 Reply Last reply
    0
  • C Offline
    C Offline
    cschm.tz
    replied to Richard on last edited by
    #3

    @Richard-Keith Thanks so much I will give it a go and see if that solves it :)

    1 Reply Last reply
    0

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!
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
Online Users
laytheme.com
  • Login

  • Don't have an account? Register

  • Login or register to search.
  • First post
    Last post
0
  • Recent
  • Tags
  • Popular
  • Users
  • Search
  • Login

  • Don't have an account? Register

  • Login or register to search.