This topic has 3 replies, 2 voices, and was last updated 9 years by Laura.

  • Author
  • #57537
     joy
    Participant

    Hello, I am having trouble with the mobile view with bbpress when using this theme. So far I’ve been able to make adjustments to the topic display but I would very much like to adjust the author/freshness box too. I have attached several picture to illustrate my concerns:

    Topic freshness: I would like it aligned as shown in the image attachment
    Topic mobile view: I would like it aligned as shown in the image attachment. I have also included the mobile view that I have edited. If I can address the freshness issue I’m sure this will be fixed as well.

    Any help on this would be appreciated. Thank you.

    Attachments:
    You must be logged in to view attached files.
    #58186
     Laura
    Moderator

    Hello, please try with this css

    COPY CODE
    
    @media (max-width: 991px) {
    span.bbp-topic-freshness-author .bbp-author-name {
      margin-top: -10px;
    }
    #bbpress-forums li.bbp-body li.bbp-forum-freshness, #bbpress-forums li.bbp-body li.bbp-topic-freshness {
      color: #bbb;
      font-size: 12px;
      text-align: start;
      padding-top: 80px;
      font-weight: 700;
    }
    #bbpress-forums li.bbp-forum-freshness .bbp-topic-meta, #bbpress-forums li.bbp-topic-freshness .bbp-topic-meta {
      display: inline;
      margin-top: -80px;
    }
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #58463
     joy
    Participant

    Thank you so much. This gave me an excellent base. This is what I ended up using.

    COPY CODE
    @media (max-width: 620px) {
    span.bbp-topic-freshness-author .bbp-author-name {
      margin-top: -5px;
    }
    #bbpress-forums li.bbp-body li.bbp-forum-freshness, #bbpress-forums li.bbp-body li.bbp-topic-freshness {
      color: #bbb;
      font-size: 12px;
      text-align: start;
      padding-top: 55px;
      font-weight: 700;
    }
    #bbpress-forums li.bbp-forum-freshness .bbp-topic-meta, #bbpress-forums li.bbp-topic-freshness .bbp-topic-meta {
      display: inline;
      margin-top: -70px;
    }
    
    #bbpress-forums li.bbp-body li.bbp-forum-freshness a, #bbpress-forums li.bbp-body li.bbp-topic-freshness a {
    	line-height: 0px;
    	margin-top: 30px;
    }
    }
    #58646
     Laura
    Moderator

    Awesome, i’m glad i helped, if you feel happy please give uf 5 star rating or/ and a nice comment on themeforest! 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘KLEO’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?