Is it too much have both a sticky header (at the top of the viewport) and a sticky social bar (on the bottom) on mobile devices???

A sticky header is important for the user, but a sticky social bar is the most important for me (popularity, views, SEO)...

Maybe I should have a button to hide (or show) the social bar? What do you think?

  • 1
    We need more context in order to provide a real answer. Either that, or you will need to make your question more general. Jan 29, 2016 at 0:55
  • More context ? I ask that is too have header and social bar sticky. Is too ?? Maybe i should to put a button to hide the social bar ? Where is the problem ? Your answer is the same like my other ask Jan 29, 2016 at 8:42
  • @user3162975 the point is that it depends on the application. What content do you need to show? Who are your users? How is the app used? etc. Sometimes this would be a bad idea, other times it may be appropriate.
    – user31143
    Jan 29, 2016 at 11:23
  • Is a responsive website, i will show text (article) and image. Is a scientific website (nature, volcanoes, quake ecc). Jan 29, 2016 at 11:57
  • @dan1111 read my comment ? Jan 29, 2016 at 23:55

2 Answers 2


Use Jquery to hide the nav bar when scrolling down and show the footer, and vice versa when scrolling up. Something like Chrome on Android and iOS would do. Use CSS3 animations instead of Jquery .animate( ).

  • 3
    This site is for considering user experience, not implementation. This doesn't answer whether it makes sense from a UX standpoint.
    – user31143
    Jan 29, 2016 at 11:24

Is the social bar used frequently by your users?

If it's not remove it without any hesitation. If it is useful only for you as a developer and not for the users, the answer is clear - get rid of it.

Screen space on mobile devices as you know is very limited, so you need to maximise the viewport. In my opinion the sticky header is OK if it's slim, and the footer social bar is lowering the viewport which is frustrating the users because they have to scroll more to view the content.

  • Lukanow i don't know if the social bar will be used frequently.... it is useful first for me (popularity, seo and views) but i think is useful (because is a shortcut) for user that want to share a page/article. What do you think if i put a button in the social bar where if click it, the bar hide (therefore remains only the button) ? Jan 29, 2016 at 11:17
  • Ok, what type of app is this, give me more information about your app so I can give you better answer? If it is not a social media oriented app, the footer bar will only harm your user experience, as users will be frustrated by the small viewport. Jan 29, 2016 at 13:54
  • Is a responsive website about nature (earthquakes, volcano, tsunami, theory ecc). So i think that there will be many interesting articles that the user could to share. I would like to put a sticky social bar (only for mobile) because i believe that is better for views and SEO to have a visible shortcut to share my articles. But i hope that you answer me also about the possibility to put a button to hide or show the social bar. Thanks a lot Jan 29, 2016 at 16:11
  • Lukamov read my comment? Jan 29, 2016 at 23:56
  • You can instead use a share button, rather than a sticky social bar at the footer. This way you will save screen space and have the share functionality. This is my suggestion. Jan 31, 2016 at 12:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.