1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Lack of Interest Mobile theme: make New Posts easier to click - double the height, 1/2 the width

Discussion in 'Closed Suggestions' started by Digital Doctor, Aug 6, 2014.

  1. Digital Doctor

    Digital Doctor Well-Known Member




    As opposed to this row of tabs being one wide ... make it two wide ... there is plenty of room.
    Increasing the height will make it easier to click on as well :)
    karll and briansol like this.
  2. Digital Doctor

    Digital Doctor Well-Known Member

    Any Tabs added will just fit into the 2x2 grid scheme.
  3. Daniel Hood

    Daniel Hood Well-Known Member

    So is this suggestion for tabs used every where (profile, search, etc), or just here? If it's just here then that creates mismatched elements throughout.
  4. Da Bookie Mon

    Da Bookie Mon Well-Known Member

    I like the tabs the way they are now. They already take up enough space between the header and content. Don't want to turn the app into a 1/2 screen of tabs.
    Daniel Hood likes this.
  5. Digital Doctor

    Digital Doctor Well-Known Member

    My suggestion wont take up any more space.
    In fact if you just increase the height by 50% ... the default 2 tabs will take up 25% less height.
  6. briansol

    briansol Active Member

    The tabs are an issue on mobile... They are too small. Even google's site checker says its a usability issue.
    Digital Doctor likes this.
  7. Digital Doctor

    Digital Doctor Well-Known Member

    My idea ... of two columns obviously can be a space saver.
  8. Russ

    Russ Well-Known Member

    You could technically do with this a minor CSS if it's your preference(I know it's a suggestion for core).

    html.Responsive .tabs li {
    float: left;
    text-align: center;
    width: 50%;
    .Responsive .tabs li a, .Responsive .tabs.noLinks li {
    padding: 6px 0;

    I personally prefer how XF has it currently, but it could use for a small amount of padding(even smaller than my screenshot)

    .Responsive .tabs li a, .Responsive .tabs.noLinks li {
    padding: 6px 10px;
    Digital Doctor and Daniel Hood like this.
  9. Digital Doctor

    Digital Doctor Well-Known Member

    Russ the mobile master ... does it AGAIN !
  10. Russ

    Russ Well-Known Member

    Well to be fair, I haven't tested it thoroughly :D
  11. Digital Doctor

    Digital Doctor Well-Known Member

    @Mike Edge @Russ


    Obviously the idea for 2 columns of tabs came from the large area of unused space.
    See A and B.
    Russ: On your styles, consider the 2 column approach to save space ... especially on sites that use XenMediaGallery which will add a third tab. Tabs are likely to expand IMO ... so having 4 thin hard to click tabs on top of each other will start to get silly.

    The current low height tabs are awkward to click on.

    Russ: The large print New Posts text is also redundant. To maximize space consider getting rid of that text.
  12. Digital Doctor

    Digital Doctor Well-Known Member

    This looks like it was implemented ?

Share This Page