By Antreas Dimitriou on Friday, 01 November 2013
Posted in Technical Issues
Replies 11
Likes 0
Views 792
Votes 0
Dear support team,

Please see the attached picture. How can i please make the 3 noted points (Avatar, Views, Replies and Message button) invisible for responsive (mobile) layouts?

Regards,

Antreas
http://www.diafimicy.com
Hello Antreas,

Sorry for the late reply. I do not see any images here. Can you please reattach it? Please advice.

Thanks!
·
Friday, 01 November 2013 15:04
·
0 Likes
·
0 Votes
·
0 Comments
·
hehe sorry about that! here is the image!
·
Friday, 01 November 2013 15:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Please see the image above!
·
Friday, 01 November 2013 15:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Antreas,

Sorry for the late reply. Please apply the following CSS codes
#discuss-wrapper.w320 .discuss-item .discuss-item-left {
display: none;
}
#discuss-wrapper.w320 .discuss-statistic .status, #discuss-wrapper.w320 .discuss-statistic .views, #discuss-wrapper.w320 .discuss-statistic .votes, #discuss-wrapper.w320 .discuss-statistic .likes {
display: none;
}

Hope this helps.

Thanks!
·
Friday, 01 November 2013 18:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there and thank you for your reply,

Where exactly shall i place the above code please?

Thank you
antreas
·
Friday, 01 November 2013 18:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

I edited the lines in style.css but nothing happened.

Please advice.
Antreas
·
Friday, 01 November 2013 19:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Antreas,

You should paste the code from your template manager >> http://screencast.com/t/BfSMp82ZWEp > Edit css/custom.css > place the code at the bottom. I already help you paste it, so you should remove your code from style.css file. Please have a check.

*Notice : Remember clear browser cache

Best Regards
Arlex
·
Friday, 01 November 2013 19:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you again Arlex for your amazing support. On the same responsive topic, please see the attache picture and advice on the followings:

1. The text is "Login | Free Registration" but because it does not fit, the Registration moves down and is not readable. Can we reduce the text size on order to fit please?

2. Can we please move the "Latest" and "Popular" tabs next to the "All" tabs?
·
Friday, 01 November 2013 19:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Antreas,

Add these block of css codes into your template's css file


#discuss-wrapper .loginLink span{
font-size: 12px;
}

#discuss-wrapper .discuss-filter .nav-tabs{
border: 0 !important;
}

#discuss-wrapper .categoryFilters .discuss-filter .nav-tabs{
float: left;
}
·
Friday, 01 November 2013 20:52
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you so much Mark!

Keep up the good work!
·
Friday, 01 November 2013 21:04
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome
·
Friday, 01 November 2013 21:06
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post