6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Having a sidebar in mobile browsers

by Anton543
5 replies
I use responsive themes for my sites and in all of them the sidebar switches to below content when they are loaded on a mobile. This results in easy to read content on the phone but I find it reduces my page views, as the sidebar has a lot of important links to other parts of the site. Is it possible to keep the sidebar on the right but still comply with Google's mobile usability standards?
#browsers #mobile #sidebar
  • Profile picture of the author Niks24
    Yes I think so that slide bar should be on right side as we generally makes it and is very much compatible when we go with the responsive side of it.
    Signature
    Served Over 100 customers and there needs with Web and Mobile Apps Development, if you are looking for one please connect with me with good turnaround.
    {{ DiscussionBoard.errors[10324461].message }}
    • Profile picture of the author ilikemuffins
      Maybe have the side stick to the top of the screen might be a better option? The user could still see the content on the full width of the screen and are more like to click on the side bar links.
      {{ DiscussionBoard.errors[10325885].message }}
      • Profile picture of the author Anton543
        Originally Posted by ilikemuffins View Post

        Maybe have the side stick to the top of the screen might be a better option? The user could still see the content on the full width of the screen and are more like to click on the side bar links.
        You mean a sticky menu at the top. I thought about this, and it is a good idea, but for me to fit everything in I probably need to have a sticky footer. I will see what is the best way. I think a sticky top that stays put when you're scrolling down is likely to get more clicks than a sticky footer. However, the problem with is this. On non mobile platforms it will lead to having the same info twice, once in the sidebar and also in the sticky top or footer. Can I specify mobile only sticky?
        {{ DiscussionBoard.errors[10327714].message }}
        • Profile picture of the author ilikemuffins
          Originally Posted by Anton543 View Post

          You mean a sticky menu at the top. I thought about this, and it is a good idea, but for me to fit everything in I probably need to have a sticky footer. I will see what is the best way. I think a sticky top that stays put when you're scrolling down is likely to get more clicks than a sticky footer. However, the problem with is this. On non mobile platforms it will lead to having the same info twice, once in the sidebar and also in the sticky top or footer. Can I specify mobile only sticky?
          Yes that is what I meant a sticky header, but it could be a footer as well. I don't see why you couldn't have it on mobile only. Here is a link to a Stack overflow topic that might point you in the right direction.

          javascript - Sticky Header for Desktop Width Only - Stack Overflow
          {{ DiscussionBoard.errors[10328063].message }}
  • Profile picture of the author yeadh
    Yes Sure,
    You need to declare the sidebar div into the css file where the programmer coded css for mobile responsive.
    {{ DiscussionBoard.errors[10326794].message }}

Trending Topics