Toggle Submenu
  1. Forums
  2. Recent
  3. Categories
  4. Tags
  5. Users
  6. Badges
Support is currently Offline
Support Offline
It's past support hour. We are taking some rest and will come back stronger tomorrow. Promise!
Official support hours:
Monday To Friday except Saturday and Sunday
From 09:30 To 17:00
Our current time: Monday 1:43 am
Add a reply View Replies (3)

Resolved Formatting problems profile display

  1. opis-technology
    opis-technology
  2. Support
  3. Friday, July 22 2016, 11:16 AM
Using a responsive Helix 2.2 template and Easy Profile Standard 1.4.5 with the following CSS added: .view_profile dl dt,.view_profile dl dd{display:block;} I get the 3 problems shown on the attached screenshot:

1) the 3 bar icon for the drop down menu is not displayed (only on this page, the others still work fine)
2) more a question than a problem: is there a way to display the full labels rather than just a part by using wrapping (and obviously keeping the correct values lined up with the various item labels)?
3) the page doesn't work for small widths, i.e. it stops being responsive at a minimum width of 640px. I would normally expect the table format to be changed from horizontal to vertical (i.e. labels and values underneath each other) from below this point.

Can these three points be addressed?

Best regards,
Frank
Attachments (1)
a.jpg a.jpg
Accepted Answer
admin
admin Accepted Answer
Admin
Hi,
your template already include Bootstrap Classes, so you can disable following parameters from Extensions->Easy Profile->Options->Layout Settings:
- Include Bootstrap CSS files
- Include IcoMoon icons

This will fix problems 1 and partially problem 3 (now responsive works but normal layout not)

I found a problem in your template, in file templates/opis-responsive/css/template.css at line 833 you have this:


dl dt,

dl dd {

  display: inline;

}

this code not make sense, so solve add this:


dl dt,

dl dd {

  display: block;

}


to solve problem 2 add this CSS code:


.dl-horizontal dt {

  text-overflow:visible;

  white-space: normal;

  clear:both;

}

.dl-horizontal dd{

  float:left;

  margin-left:10px

}
  1. more than a month ago
  2. Support
  3. # Permalink
Responses (3)
admin
admin Accepted Answer
Admin
Hi,
please post me your site link, without seeing your site we can't help you.

Anyway:
1) we need to see your site
2 3) we use a simple DD, DT, DL html like Joomla default profile page, so
2. Your template choose the width of DT (titles) tag and apply the CSS directive "text-overflow: ellipsis;" so trunc words and add "..."
3. In your template seems to missing responsive code for DD, DT, DL html.
  1. more than a month ago
  2. Support
  3. # 1
opis-technology
opis-technology Accepted Answer
Basic
Content Protected
  1. more than a month ago
  2. Support
  3. # 2
opis-technology
opis-technology Accepted Answer
Basic
Thanks.
  1. more than a month ago
  2. Support
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.