Lay Theme Forum

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

    Menu style - alignment based on Page/Category

    General Discussion
    2
    5
    435
    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.
    • S
      sunil last edited by

      Hello all,

      I am trying to position my info page on the left side of the menu bar while having the all project categories on the right side. Due to the lay's single menu, i could not achieve this within the customization features. However I have come across a webpage on the showcase, that has a similar menu style - not sure how this was done. Here is the link for your reference; https://hood.network/

      Any help on this would greatly appreciated.

      Thanks,
      Sunil

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

        Hi Sunil!

        Are you familiar with basic CSS?

        You can change the CSS in the custom CSS section.

        Let me know if you face trouble.

        All the best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • S
          sunil last edited by

          Hi marius,

          I am familiar with basic CSS/HTML, I tried to inspect and temporarily edit the element in chrome. Also tried to add it to the custom CSS section. But it kept failing, I must be referencing it all wrong. Here the code I added and I'm not if text-align is appropriate here.

          /* navigation */
          body.slug-info nav.primary a{
          text-align: left;
          }

          Here is the link to my webpage for your reference; http://www.sunilvallu.com/

          I would like to move the info to the left where projects is currently.

          Thanks,
          Sunil

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

            Hi Sunil,

            play around with this:

            #menu-item-619 {
                left: 130px;
                position: fixed;
            }
            
            

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • S
              sunil last edited by

              Thanks Marius, it works fine now. just replaced px with %.

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

              I don't answer or check forum DMs, please just post on the forum.

              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

              Recent Topics

              • M

                Tag filter / Maximum width

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

              • text underline

              • centred Carousel fixed width and proportions

              laytheme.com