Lay Theme Forum

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

    Text position: fixed in Gridder

    Bug Reports
    3
    11
    1785
    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.
    • R
      ruwie last edited by

      hi!
      i have a little question. i would like to insert a sub navigation on the project sites (each individually) where you can scroll through the page, wich is in fullscreen slider mode.

      it´s a text element where the links are in and i would like to fix this element like the standard menu on bottom of the page. i tried it with custom css

      .fixed {
      position: fixed;
      top: 100px;
      left: 200px;
      z-index: 10;
      }

      .fixed a {position: fixed;}

      and added the class to the text element on the project gridder site. but nothing changed, the text is still scrolling and not fixed.

      What did I do wrong?

      best r

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

        Hi ruwie!

        A bit difficult to imagine. Can you post a link to the website?

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • R
          ruwie last edited by

          hey marius,
          of course i can
          http://bit.ly/2sX5pLa

          what i want is that the text element in the bottom (navigation) and the title on top stay like the fixed position of the "next project" button. but the problem is that i can not put it on the footer etc. i want to manage the menu points individually for every project.

          hope you can help me with it :-)

          g ruven

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

            Hi Ruven,

            you can put the selfmade navigation in the Header. Then you need to give it a position fixed. That should do the job.

            I saw that you created the navigation in the Gridder. Maybe just write is as a code in the header is more simple.

            You know how to do that?

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • R
              ruwie last edited by

              hey marius,

              yes i now how to put something in the header. but the problem i see is that every page gets his own navigation. i mean on one site you have the navigation "back video info" and on the next page you have "back video gallery making of info" and so on... do you think it´s possible to do it in the header? if yes, how?

              thanks for your fast reply!
              r

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

                Hey Ruwie,

                what you can do is to create an HTML element in the gridder (for each page a separate one, like I understood). Then you can give that element a class by right clicking on it.

                And that class you tell with Cutsom CSS to be fixed on the right bottom.

                I hope that helps!

                Sometimes the HTML element in the gridder does not work for specific things. To be sure you can create a text element in the gridder and switch to the <code> view. Then you can paste there the code.

                Let me know if you face trouble.

                All the best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply Reply Quote 0
                • M
                  mrrpringle last edited by

                  @mariusjopen said in Text position: fixed in Gridder:

                  Hi Ruven,
                  you can put the selfmade navigation in the Header. Then you need to give it a position fixed. That should do the job.
                  I saw that you created the navigation in the Gridder. Maybe just write is as a code in the header is more simple.
                  You know how to do that?
                  Best!
                  Marius

                  Hi Marius,

                  I'm trying to achieve this too for a client right now. I'm able to copy and paste the source code, but how could I create a custom header menu in the header and still use my 16 grid to space elements out?

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

                    Dear @mrrpringle
                    it will not be possible to use the Gridder. You might need to use CUSTOM CSS to adjust it to your design idea.

                    You might want to look into the footer. You could with CUSTOM JAVASCRIPT place the footer before the main area. But that is a pretty dirty solution. But it might work,

                    Best!

                    Marius

                    www.mariusjopen.world

                    1 Reply Last reply Reply Quote 0
                    • M
                      mrrpringle last edited by

                      Hi Marius,

                      Thanks for this. I've turned on "Footer for pages" and selected the page which I would like to use as a footer but nothing shows up. I'm unable to see any kind of footer.

                      Here is a screenshot of the menu I'm try to have fixed to the top of every page:

                      0_1539794972186_Screen Shot 2018-10-16 at 9.17.48 PM.png

                      I was able to build the menu out in the gridder here:
                      roscross.net/about

                      All I need to do is have the top text elements within the lines fixed to the top but when I give them a custom class/ID and then go into CSS and add:

                      .class {
                      position:fixed;
                      }

                      They all snap to the left and start to overlap with one another. Ugh!

                      1 Reply Last reply Reply Quote 0
                      • M
                        mrrpringle last edited by

                        UPDATE:

                        Able to see the footer now. Not sure why it was not showing up for 15 minutes. Any tips on where to find custom JAVASCRIPT to reposition the footer? Cheers!

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

                          Hi @mrrpringle
                          have a look here:
                          https://stackoverflow.com/questions/1279957/how-to-move-an-element-into-another-element

                          Hope that helps!

                          Best!

                          Marius

                          www.mariusjopen.world

                          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

                          M
                          E
                          R
                          P
                          S
                          F
                          J

                          Recent Topics

                          • T

                            thumbnail grid categories fixed.

                          • L

                            BLEND MODE ON MOBILE

                          • A

                            A modal/pop up window displaying extra info

                          • Carousel is not showing

                          laytheme.com