Easysocial Notification Box not displayed properly

voonchung

Updated, please check

pavit

Hi voonchung

Please check now

I added code to your custom.css file

voonchung

Can this be put in ur next release of template update?

voonchung

Please login and try to click "Sign In" . After you update the code i cant click Sign in,

Please test properly before you add in any code

voonchung

Your code does not work.

When i click on all the icons, it shows this loading for 1 second and disappear. Please check the with normal monitor screen resolution.

pavit

voonchung

Please clean your browser cache, i do not see any issue with the code added

If you are not satisfied then remove from custom.css file this

div#es.es.popbox {
    left:1520px!important;
  }

Regards

voonchung

I have refresh cache in server and cleared my own cache.

It is still not working.

I have tried in 2 monitor resolution. The bigger ones work, but the smaller one doesnt.

You are probably testing only in the bigger monitor resolution. Please check on a smaller one ?

pavit

voonchung

Add this to your custom.css

@media (max-width:1280px) {
  div#es.es.popbox {
    left:880px!important;
  }
}

Do not remove the other code

div#es.es.popbox {
    left:1520px!important;
  }

voonchung

Is this how it's supposed to be? It is still not working in smaller screen/resolution. Bigger screen works.

pavit

voonchung

Code is correct, i tested on a 1280 screen size and it works fine too.

You can customize it as per screens resolutions adding the

@media (max-width:resolution px) {
div#es.es.popbox {
left:keep 400 px different from resolution !important;
}
}

voonchung

https://ibb.co/N1GkqhV

This template is supposed to support all resolutions and be flexible?

How would i able to know how many resolutions and lines of codes i need to put in? I dont think you are giving the correct and permanent solution here. Just take a look at suggested resolutions from Windows and there are already a bunch of them. Is there any other resolutions?

saguaros

voonchung
Hi,

The template supports responsive layout so it should display nice in all screen resolutions, here is how it looks at my retina screen: 2560px http://prntscr.com/nsrdjd . It looks fine now.

voonchung

No, your support Pavit suggested the codes that are not working,

I have removed the codes that's why it's working now. If i put back the code, it does not work?

He is asking me to put the following code to customize for every resolution? How is that possible? How many resolutions should i put and how many lines of codes to put? Please advise.
@media (max-width:resolution px) {
div#es.es.popbox {
left:keep 400 px different from resolution !important;
}
}

teitbite

voonchung Hi. Can You please check credentials given? I cannot login to Your site to see the popup You wish to fix:

Username and password do not match or you do not have an account yet.

saguaros

voonchung

You can temporarily remove this code and share me the screenshot highlighting the issue so I can check.

voonchung

Hi,

Please retry again now. Kindly take note of the history of this issue to ensure your CSS stying coding is meant for all screensize, and must work not only for your team's PC but everyone's PC and Mobile Screen.

Thank you

voonchung

As i said in earlier reply, the code has been removed.

The screenshots are shared from the 1st day i raised this issue. 6 Days ago. Please read the history of this issue thread.

saguaros

voonchung
Hi,

I added this style:

#es.popbox--navbar.popbox-navbar-notifications {
 left: auto !important;
}

Kindly check.