Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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

  1. Home
  2. Connect and find Help
  3. Create 2 colour menu bar for 2 menus

Create 2 colour menu bar for 2 menus

Scheduled Pinned Locked Moved Connect and find Help
5 Posts 3 Posters 644 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.
  • N
    N
    NAS
    wrote on last edited by
    #1

    Screenshot 2022-05-31 at 11.54.48.png

    I'd like to create something like this. I have 2 menus displayed at the top of the page. But in menu settings I can only have it one colour.

    Any thoughts?

    1 Reply Last reply
    0
    • F
      F
      felix_rabe
      wrote on last edited by
      #2

      You can inspect the code in your browser and find out the class of the menus. You could then apply your color with custom css.

      1 Reply Last reply
      1
      • N
        N
        NAS
        wrote on last edited by
        #3

        THanks felix

        something like this? ( I thought seeing as you can turn on menu border in the customize I could make it larger?)

        It hasn't worked intially though

        }

        .navbar a{

        border-color:#2853ff;
        height:60px;
        

        }

        1 Reply Last reply
        0
        • N
          N
          NAS
          wrote on last edited by
          #4

          I've found through inspect I can make the width as I desire

          .navbar {
          border-bottom-style: solid;
          border-bottom-width: 30px;

          But this doesn't actually change on laytheme custom css

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

            Dear @NAS

            Lay Theme's native CSS may take precedence and not be overridden.
            You should use it sparingly, but if needed you can use the !important property: https://www.w3schools.com/css/css_important.asp


            Best
            Richard
            1 Reply Last reply
            0

            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

            With your input, this post could be even better 💗

            Register Login
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            Online Users
            R
            robertobarbes
            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
            laytheme.com
            • Login

            • Don't have an account? Register

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