Footer Element – Links not working

  • Hello, I have a problem with generateblocks, I created an element that replace footer, but the links are not working, I tried button Block, headers Block and text block and none of the links works o live site.

    https://postimg.cc/ThVMvpZc
    https://postimg.cc/9wtvdndT
    https://postimg.cc/8fBqR0R6
    https://postimg.cc/7JMp3W3G

  • Hi there,

    The issue is caused by the following CSS in your Customizer > Additional CSS section:

    @media (min-width: 1025px) {
        .site-footer {
            position: sticky;
            bottom: 0;
            z-index: -1;
        }
    }

    Removing the z-index: -1; declaration should resolve the issue.

  • Thanks Alvin, that solve the problem.

    The situation its that without that z-index:-1, the footer scroll effect stops working. so I have to modify my css, I change it to:

    /*Footer*/
    	/*Scroll Effect*/
    @media(min-width:1025px) {
    	.site-footer{
    		position: sticky;
    		bottom: 0;
    		z-index: 0;
        }
    }
    .site-content{
        position: relative;
        z-index: 1;
        background: white;
    }

    For the footer I have to change to 0 or auto, then I have to put a z-index of 1 to the site-content in order to make the effect work again, not sure if its the ideal solution but it worked.

    Without your help I wouldn’t figure out that css could cause this conflicts.

    To expand, the original css visually look like it worked but cause a layering problem, some elements like wrappers couldnt be clickable, or thats what I understand (from AI, sorry guys, not a pro).

  • No problem, glad to hear you found an alternative solution! 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.