Okay
  Public Ticket #3987955
Mobile sticky section
Open

Comments

  •  16
    seth_matisak started the conversation

    Hi.

    I have a row set to be "sticky" at the top of the page. This works great on desktop but doesn't transfer to mobile. Is this a bug or is it a custom css situation?

    Many thanks for your help. 
    Seth

  •  2,084
    Judith replied

    Hi Seth,

    Thanks for writing to us.

    Please check and ensure you have activated mobile animations in the Salient > General Settings > Functionality.6263437600.pngClick on Image to View Larger

    Additionally, you can add this CSS:

    @media only screen and (max-width: 1000px) {
        html body {
            overflow:visible;
        }
    
        .nectar-sticky-row-wrap {
            position: sticky;
            z-index: 100;
        }
    
        .nectar-sticky-row-wrap--bottom {
            bottom: 0;
        }
    }

    Try this and let us know how it goes.

    Best.

  •  16
    seth_matisak replied

    Thanks! I tried turning that on. That did not work. I tried the code and that sort of worked... See screenshot. I'm getting a large bit of padding. I've checked the row and column settings and there isn't any margin settings active. 

    Also, on my actual mobile device. the sticking does not work. I'm assuming that's an apple caching situation there. 

    Cheers,

    Attached files:  Screenshot 2025-05-14 at 10.42.05 am.png

  •  2,084
    Judith replied

    Hi Seth

    Thanks for writing back.

    To assist you better, we'd love to have a closer look at your setup and to do this, we'll need admin login credentials 

    (dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us? 

    If you prefer, you can safely share the access through an access plugin such as Controlled Admin Access.

    Before you provide this information, we strongly recommend taking a backup of your site.

    If you have any concerns or questions about this process, please don't hesitate to let me know.

    Best regards,

  •   seth_matisak replied privately
  •  3,186
    Andrew replied

    Hi Seth,

    Thank you for getting back to us.

    I have gone ahead and made some adjustments to the columns settings and the row is not sticky on mobile and desktops.

    Please review and let us know what it looks like from your end.

    Kind regards,

  •  16
    seth_matisak replied

    Whatever you did worked a treat! I'll have a look at your column settings so I dont bother you next time with this! haha

    Thanks again,
    Seth

  •  3,186
    Andrew replied

    Hi Seth,

    Thank you for getting back to us.

    I activated the sticky column feature in the column settings.

    I hope that helps.

    Cheers,