Fixed button not on top
-
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;
} -
Dear @DoggettJones
Can you post a link to our website?
Then we can have a look and inspect that.Marius
-
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?
-
-
-
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
-
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.
-
-
With rollovers, I didn't know if it was possible to have say a fade effect, is this already possible?
Thanks
D -
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- 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:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it