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. POSITION FIXED FOR TEXTLEMENTS CSS

POSITION FIXED FOR TEXTLEMENTS CSS

Scheduled Pinned Locked Moved General Discussion
7 Posts 2 Posters 193 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.
  • G Offline
    G Offline
    GregorGregor
    wrote on last edited by
    #1

    hi there.

    seems like i cannot fix text elements via CSS anymore???

    used to to it like this:

    #FIX{
    position: fixed;
    }

    only works with images.
    am i stupid?

    thanks and all best.
    gregor

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Dear Gregor

      @GregorGregor

      The CSS seems fine so we would need to see the context in which it's applied to see why it doesn't work. Could be some native CSS that has taken precedence. You could test this with:

      #FIX{
      position: fixed !important;
      }
      

      Best
      Richard
      1 Reply Last reply
      0
      • G Offline
        G Offline
        GregorGregor
        wrote on last edited by
        #3

        thank you … that works.
        just weird because i donβ€˜t use any other CSS so far and it used to work fine with other sites.

        is it possible to fix the position of mulitple text elements in a horizontal fullscreen slider?
        like a site title but with more separate elements.

        hints very much appreciated.
        thanks again and happy tuesday.

        g

        1 Reply Last reply
        0
        • RichardR Offline
          RichardR Offline
          Richard
          Global Moderator
          wrote on last edited by Richard
          #4

          Dear Gregor

          @GregorGregor

          "is it possible to fix the position of mulitple text elements in a horizontal fullscreen slider?"

          It would be important that the elements were within the Slide of the Fullscreen Slider.
          When using the CSS position property:

          https://www.w3schools.com/cssref/pr_class_position.asp

          fixed The element is positioned relative to the browser window.

          Applying fixed to these elements would break them from the Fullscreen Slider as a parent container. as the slides moved horizontally the elements would remain fixed on the browser screen.

          You might be better testing with:

          absolute The element is positioned relative to its first positioned (not static) ancestor element.

          Or:

          relative The element is positioned relative to its normal position, so "left:20px" adds 20 pixels to the element's LEFT position


          Hope this helps and have a great day ⭐️
          Richard

          1 Reply Last reply
          0
          • G Offline
            G Offline
            GregorGregor
            wrote on last edited by
            #5

            hi richard.

            thanks for your reply.

            i manage to fix elements.
            but it only works with normal scrolling.
            as soon as i activate the full screen slider in a horizontal direction the elements are not fixed anymore.
            only the site title stays fixed.

            i wonder what i am doing wrong.
            any ideas?

            very best.
            gregor

            1 Reply Last reply
            0
            • RichardR Offline
              RichardR Offline
              Richard
              Global Moderator
              wrote on last edited by
              #6

              Dear Gregor

              @GregorGregor

              Unsure sorry, you would need to post a link to get a better idea 🌝 πŸ”


              Best
              Richard
              1 Reply Last reply
              0
              • G Offline
                G Offline
                GregorGregor
                wrote on last edited by
                #7

                hi richard.

                all good β€” thanks.
                i just placed and styled the elements in Custom HTML at top.
                … that worked.

                best!
                gregor

                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