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 button not on top

Fixed button not on top

Scheduled Pinned Locked Moved General Discussion
10 Posts 3 Posters 164 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.
  • D Offline
    D Offline
    DoggettJones
    wrote on last edited by
    #1

    I am attempting to implement a close button as per several previous threads I've read, however, the positioning and size work fine, yet nothing I can do can places the button on top of images placed in the gridder. If I set row image background it appears on top. The problem is the images are awfully cropped in mobile layout, so I just want the images to stack on top of each other in the grid.

    How can I make the close button stay on the top?

    Here is my CSS:
    /* Project Close Button */
    .fixed-close-button {
    display: block !important;
    position: fixed !important;
    top: 20px;
    right: 20px;
    height: 52px !important;
    width: 52px !important;
    z-index: 1000000 !important;
    }

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

      Dear @DoggettJones
      Can you post a link to our website?
      Then we can have a look and inspect that.

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • D Offline
        D Offline
        DoggettJones
        wrote on last edited by
        #3

        Hi. I'm currently developing the site locally in local by flywheel.

        Also, apologise but I can't seem to upload images to support this post to you. I keep getting an error as follows:
        ![0_1580898772524_Screen Shot 2020-02-05 at 10.30.04.png](Uploading 100%)

        Can I come back to you in a couple of weeks once I migrate the site to our web space?

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

          Dear @DoggettJones
          sure!

          Best!

          Marius

          www.mariusjopen.world

          D 1 Reply Last reply
          0
          • mariusjopenM mariusjopen

            Dear @DoggettJones
            sure!

            Best!

            Marius

            D Offline
            D Offline
            DoggettJones
            wrote on last edited by
            #5

            @mariusjopen

            Do you know why I'm unable to upload screen shots to lay theme?

            Thanks

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

              now you should be able to upload screenshots again on the forum

              please upload your website somewhere online and send a link

              if you need to have different content or do a different layout for phones, please use the feature custom phone layouts

              D 1 Reply Last reply
              0
              • arminunruhA arminunruh

                now you should be able to upload screenshots again on the forum

                please upload your website somewhere online and send a link

                if you need to have different content or do a different layout for phones, please use the feature custom phone layouts

                D Offline
                D Offline
                DoggettJones
                wrote on last edited by DoggettJones
                #7

                @arminunruh

                Hi, thanks for replying.

                I worked out how to make the button on top. I had to set a z-index value to the first gridder, so that each one after stacks on top. So by setting it to one, it ensured that all others went as 2,3,4 etc, so having a value set to 100 on my button makes it placed on top.

                Your theme is excellent and I'm considering using it for a couple of other sites. Can I ask, do you think rollover transition effects will be added to the theme in the future?

                Again, thanks for your support.

                1 Reply Last reply
                0
                • mariusjopenM Offline
                  mariusjopenM Offline
                  mariusjopen
                  Global Moderator
                  wrote on last edited by
                  #8

                  Dear @DoggettJones
                  thank you!

                  What do you mean with Rollover-transitions?

                  Best!

                  Marius

                  www.mariusjopen.world

                  D 1 Reply Last reply
                  0
                  • mariusjopenM mariusjopen

                    Dear @DoggettJones
                    thank you!

                    What do you mean with Rollover-transitions?

                    Best!

                    Marius

                    D Offline
                    D Offline
                    DoggettJones
                    wrote on last edited by
                    #9

                    @mariusjopen

                    With rollovers, I didn't know if it was possible to have say a fade effect, is this already possible?

                    Thanks
                    D

                    1 Reply Last reply
                    0
                    • mariusjopenM Offline
                      mariusjopenM Offline
                      mariusjopen
                      Global Moderator
                      wrote on last edited by
                      #10

                      Dear @DoggettJones
                      there is already a minimal fade transition between pages.

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