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. Bug Reports
  3. Text position: fixed in Gridder

Text position: fixed in Gridder

Scheduled Pinned Locked Moved Bug Reports
11 Posts 3 Posters 2.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.
  • R Offline
    R Offline
    ruwie
    wrote on last edited by
    #1

    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
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Hi ruwie!

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

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • R Offline
        R Offline
        ruwie
        wrote on last edited by
        #3

        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
        0
        • mariusjopenM Offline
          mariusjopenM Offline
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          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
          0
          • R Offline
            R Offline
            ruwie
            wrote on last edited by
            #5

            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
            0
            • mariusjopenM Offline
              mariusjopenM Offline
              mariusjopen
              Global Moderator
              wrote on last edited by
              #6

              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
              0
              • M Offline
                M Offline
                mrrpringle
                wrote on last edited by
                #7

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

                  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
                  0
                  • M Offline
                    M Offline
                    mrrpringle
                    wrote on last edited by
                    #9

                    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
                    0
                    • M Offline
                      M Offline
                      mrrpringle
                      wrote on last edited by
                      #10

                      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
                      0
                      • mariusjopenM Offline
                        mariusjopenM Offline
                        mariusjopen
                        Global Moderator
                        wrote on last edited by
                        #11

                        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
                        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
                        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