bbpress topic/freshness mobile fix

[joy]

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.

[Laura]

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 🙂

[joy]

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;
}
}

[Laura]

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 🙂

[Author]

Posts