Skip to content
  • 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

  1. Home
  2. General Discussion
  3. Fixed/static left column

Fixed/static left column

Scheduled Pinned Locked Moved General Discussion
7 Posts 2 Posters 1.1k 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
    caoboy
    wrote on last edited by
    #1
    This post is deleted!
    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by arminunruh
      #2

      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
      0
      • arminunruhA 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 Offline
        C Offline
        caoboy
        wrote on last edited by
        #3

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

        C 1 Reply Last reply
        0
        • C caoboy

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

          C Offline
          C Offline
          caoboy
          wrote on last edited by
          #4
          This post is deleted!
          1 Reply Last reply
          0
          • arminunruhA Offline
            arminunruhA Offline
            arminunruh
            Global Moderator
            wrote on last edited by arminunruh
            #5

            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
            0
            • arminunruhA 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 Offline
              C Offline
              caoboy
              wrote on last edited by caoboy
              #6

              @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
              0
              • arminunruhA Offline
                arminunruhA Offline
                arminunruh
                Global Moderator
                wrote on last edited by
                #7

                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
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                I also code custom websites or custom Lay features.
                💿 Email me here: 💿
                info@laytheme.com

                Before you post:
                1. When using a WordPress Cache plugin, disable it or clear your cache.
                2. Update Lay Theme and all Lay Theme Addons
                3. Disable all Plugins
                4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                This often solves issues you might run into

                When you post:
                1. Post a link to where the problem is
                2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                Online Users
                Q
                qua7
                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