Responsive Pro Mobile Not Sticky

Home Forums Premium Themes Support ForumResponsive Pro Mobile Not Sticky ResponsiveResponsive Pro Mobile Not Sticky Responsive Pro Mobile Not Sticky

This topic contains 8 replies, has 2 voices, and was last updated by  Pallavi Chanodia 3 months, 3 weeks ago.

  • Author
    Posts
  • #291335

    dpschwartz8
    Participant

    How do I keep the header sticky on computer screen but NOT sticky on mobile device?

    This sounds simple, but I have been working on this for a long time. Thanks for your help.

  • #291500

    dpschwartz8
    Participant

    Yes, I did follow your advice to check on quirk tools with proxy on. Here is the link: http://quirktools.com/screenfly/#u=http%3A//blogs.bard.edu/lli&w=375&h=667&a=37&s=1&p=1

    Here is the link to the site: http://blogs.bard.edu/lli

    When I scroll on a mobile device, either using quirktools or on my actual iPhone, the header stays fixed. I have been trying several help sites and suggested solutions, but so far, nothing works. Any advice?

  • #291501

    dpschwartz8
    Participant

    I have tried quirk tools as suggested in documentation at this link: http://quirktools.com/screenfly/#u=http%3A//blogs.bard.edu/lli&w=375&h=667&a=37&s=1&p=1

    I have tried on my iPhone. Note: the header does not scroll on mobile devices. I have tried solutions found through searches. There must be a solution? URL is blogs.bard.edu/lli.

  • #291933

    Pallavi Chanodia
    Keymaster

    Hello,

    Thanks for contacting us. To do these it will need some css changes. You can write media query to unset the position of sticky header class for mobile devices. I hope this helps.

    Have a nice day

  • #291951

    dpschwartz8
    Participant

    Of course, I have tried a media query, below. However, it is not working. Is there some mistake here? I have researched this for many hours ….

    /*not sticky on mobile*/
    @media only screen and (max-width: 910 px) {
    	#sticky-header {
    		display: none !important;
    	}
    }
  • #292206

    Pallavi Chanodia
    Keymaster

    Hello,

    Try below css

    @media only screen and (max-width: 910 px) {
    #sticky-header {
    position: unset;
    }
    }
    I hope it will work :)
    Thank you

  • #292440

    dpschwartz8
    Participant

    Still not working. Any other ideas?

    Thank you.

  • #292447

    dpschwartz8
    Participant

    I am not having any luck with this. any more ideas?

  • #292706

    Pallavi Chanodia
    Keymaster

    Hi,

    Can you please check the reply on our support system ? Lets continue discussion there to avoid any confusion.
    Thank you.

You must be logged in to reply to this topic.