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.

Notification number should be closer to icon on mobile version

11 years 6 months ago
Licenses:
JomSocial Expired

ISSUE SUMMARY:

Notification number should be closer to icon on mobile version. Is there any way I can fix this? I guess this is in CSS.

Attachment notification.jpg not found

Attachments:
11 years 6 months ago
Licenses:

Hi, Drazen.

Please, send few messages to user drazen so I could see that issue.


- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
11 years 6 months ago
Licenses:
JomSocial Expired

Ok,you can check now.

11 years 6 months ago
Licenses:

Hi, Drazen.

It's because responsivity, container of notification icon has fluid width and icon has right: 0.

Add this code to your current template main css file:

@media only screen and (min-width: 768px) {
.joms-toolbar .joms-notifications__label {
right: 40px;
}
}


- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
The following user(s) said Thank You: Drazen
11 years 6 months ago
Licenses:
JomSocial Expired

I am sorry, I checked on Samsung S4 now (resolution is 1920x1080) and I have the same problem.

Attachments:
11 years 6 months ago
Licenses:

Hi, Drazen.

Are you sure? It can't be, no mobile device has so big resolution... it's panoramic screen just like mine:
prntscr.com/6vy46y
And it's displayed well.

In this case all you need is to add style brakepoins for that part for certain resolution.
Please make sure what is your device resolution


- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
11 years 6 months ago
Licenses:
JomSocial Expired

Yes, this is a screenshot from Samsung S4 with panoramic view. With normal view it's OK but in panoramic isn't good.

11 years 6 months ago
Licenses:

Hi, Drazen.

Ok, so new break point need to be added. Just what is resolution of panoramic view?
I'm sure that it's not 1920x1080.
Are any break points from here corresponds with your Samsung S4 panoramic view?
www.responsinator.com/


- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
11 years 6 months ago
Licenses:
JomSocial Expired

It's not good on:

iPhone 5 landscape · width: 568px
iPhone 6 landscape · width: 667px
iPhone 6 Plump landscape · width: 736px
Android (Nexus 4) landscape · width: 600px

11 years 6 months ago
Licenses:

Hi, Drazen.

Then just add new break points;

@media only screen and (min-width: 568px) {
.joms-toolbar .joms-notifications__label {
right: 40px;
}
}

@media only screen and (min-width: 667px) {
.joms-toolbar .joms-notifications__label {
right: 40px;
}
}

@media only screen and (min-width: 736px) {
.joms-toolbar .joms-notifications__label {
right: 40px;
}
}

@media only screen and (min-width: 600px) {
.joms-toolbar .joms-notifications__label {
right: 40px;
}
}

And modify 40px in each one to find perfect spot. Just add code above to your current template main css file.


- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
The following user(s) said Thank You: Drazen
11 years 6 months ago
Licenses:
JomSocial Expired

OK, I have one more issue with CSS on mobile verison. It's huge space between picture and text on groups on stream.

Attachments:
11 years 6 months ago
Licenses:

Hi, Drazen.

Please, follow forum rules - open NEW thread for NEW issue.
I'll answer there ;)


- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
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