Lay Theme Forum

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

    Fixed/static left column

    General Discussion
    2
    7
    896
    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.
    • C
      caoboy last edited by

      This post is deleted!
      1 Reply Last reply Reply Quote 0
      • arminunruh
        arminunruh Global Moderator last edited by arminunruh

        Hey caoboy,

        Thanks a lot!

        1. This is not easily possible :/ Your reference only shows a fixed site title, which is not really what you want.

        2. You could use css based on your current page like explained here: http://laytheme.com/documentation.html#css-based-on-current-page

        If you are in a category, there is a body attribute, data-catid="1"

        Depending on the project's category that number will be a 1 or another number.
        Now for example if you want your menubar to have another color only in projects of category 1 you would use that css:

        body.type-project[data-catid="1"] .navbar{
        background-color: red;
        }
        
        C 1 Reply Last reply Reply Quote 0
        • C
          caoboy @arminunruh last edited by

          @arminunruh thanks for the quick response! Here's an ideal example/reference: http://saschabente.com/

          C 1 Reply Last reply Reply Quote 0
          • C
            caoboy @caoboy last edited by

            This post is deleted!
            1 Reply Last reply Reply Quote 0
            • arminunruh
              arminunruh Global Moderator last edited by arminunruh

              Hey caoboy.

              Here http://saschabente.com/
              Sascha has an element (text on the left) and gave it a class "intro". (Right click on textelement and give it a class by "set html class and id").

              Then he uses this css:
              .intro {
              position: fixed;
              z-index: 10;
              }

              I just tried it out:
              1_1488985214127_Screen Shot 2017-03-08 at 15.57.20.png 0_1488985214127_Screen Shot 2017-03-08 at 15.59.27.png

              Ok so your underline is black in the menu.
              When i go to: Customizing ▸ Menu Style -> Menu Point Active
              Then I can set a "Text Color" there and then my active menu point's underline is that color. Does that work for you?

              C 1 Reply Last reply Reply Quote 0
              • C
                caoboy @arminunruh last edited by caoboy

                @arminunruh said in Fixed/static left column:

                .intro {
                position: fixed;
                z-index: 10;
                }

                Thank you so much!! The #2 worked like a charm. The underline is still an issue b/c I've set the underline to be black by default for the homepage and the about pages when the backgrounds are white. Appreciate the time and attention you've given this.

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

                  Ok what is your css for your menu points for these pages?

                  I'm sure you need to write some extra css for the underline.

                  This is the css you need to target the underline color of the currently active menu point.

                  nav.primary .current-menu-item>a span {
                      border-bottom-color: #fff;
                  }
                  

                  Of course you can combine this with "body.slug-x" to make the underline white for a specific page.
                  http://laytheme.com/documentation.html#custom-css-styling

                  Thanks :)

                  1 Reply Last reply Reply Quote 0
                  • 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

                  L

                  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