Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated
Welcome the Technical Support section. Help us in assisting you by providing us with a concise and descriptive elaboration of your issues. Be specific and if possible, provide us with a step-by-step instruction in replicating your problem.

Question

6 years 7 months ago
  • Goran's Avatar
    Topic Author
  • Goran
  • Offline
  • Junior Boarder
  • Posts: 140
  • Thank you received: 13
Licenses:
JomSocial Active GURU Expired Publisher Expired AdAgency Expired iSEO Active

Hello I have noticed something on profile page.
When you go to profile page with mobile phone (same happens with chrome developer console) in portrait mode when visiting profile background image is not resized properly and to the right side 1/3 of image is not visible, while in landskape mode entire image is visible and resized properly.
I am using flat theme. Is this normal behavior or it is bug?

See images for clarification.
Portrait mode: prnt.sc/gq9lcu
Landscape mode: prnt.sc/gq9lvw

Thank you!

6 years 7 months ago
Licenses:
JomSocial Active

This is why it looks like that:
.joms-focus__cover .joms-focus__cover-image--mobile {
background-size: cover !important;
}
Whole block is:

.joms-focus__cover .joms-focus__cover-image--mobile, 
.joms-hcard__cover .joms-focus__cover-image--mobile {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    -webkit-background-size: cover !important; 
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
Try with:
.joms-focus__cover .joms-focus__cover-image--mobile, 
.joms-hcard__cover .joms-focus__cover-image--mobile {
    background-size: 200% !important; 
    background-position-x: 100% !important; 
}

btw, give your posts subject something more meaningful instead of Question :)

6 years 7 months ago
  • Goran's Avatar
    Topic Author
  • Goran
  • Offline
  • Junior Boarder
  • Posts: 140
  • Thank you received: 13
Licenses:
JomSocial Active GURU Expired Publisher Expired AdAgency Expired iSEO Active

background-size: 200% !important; no this can not be proper solution for me.

And what is wrong with "Question" i am not trying to win SEO race here. ;)

First I need to know if this is bug or is it me. Will have to wait mods and admins to confirm this one for me. But same thing happens on demo pages js-flat.demo.joomlart.com/index.php/profile . When in mobile mode height is resized properly but width is cropped . Seems that aspect ratio needs adjusment.

6 years 7 months ago
Licenses:
JomSocial Active

stackoverflow.com/questions/11757537/css...-to-fill-not-stretch

background-size: cover - can distort image in some cases as this one.

Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW