Lay Theme Forum

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

    Adding a bar to the site title to make it look like the menu

    General Discussion
    2
    4
    61
    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.
    • P
      prazzo101 last edited by

      Hello,

      I’ve added a site title and a tagline to my website and set the position of my main menu to the bottom center. Now I am trying to add a bar to the site title to make it look exactly the same as the menu bar (60 px height, 1 px border, 90% opacity). I’ve read in a similar post that this is all possible with custom css, but I am not really good at this so I was wondering if you could tell me what code I have to add to my custom css?

      Thanks a lot!

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

        hey can you show a bar by doing this?

        "Customize" -> "Menu Style" -> "Menu Bar"

        1 Reply Last reply Reply Quote 0
        • P
          prazzo101 last edited by

          Hi Armin, thanks for the quick reply!

          Yes, I’ve customized the menu bar of my primary menu which is located at the bottom of my site that way, but now I want to add a bar to my site title to make it look like as if it were a second menu.

          Would it be a better idea to add a second menu instead of a site title? Can I customize a menu bar for more than one menu?

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

            ah i think its only possible to have one menu bar

            go to lay options -> custom css & html

            custom html in footer:

            <div class="my-navbar"></div>
            

            custom css for desktop:

            .my-navbar{
            position: fixed;
            z-index: 2;
            background-color: blue;
            top: 0;
            left: 0;
            width: 100%;
            }
            

            maybe something like that
            best to learn some css and html to do things like that, good luck!

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

            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

            Recent Topics

            • N

              website blank.

            • S

              Theme crashed - because of Polylang?

            • S

              New fade-in / opacity bug?

            • A

              Unable to update lay theme / to login wp admin

            laytheme.com