Private Message Layout Broken in Mobile Devices

[Hacker007]

You can add anywhere in the global.css. You’re creating divs not changing them so you do not need to replace anything.

Yeah it's ok in Android now but still broken css in iPhone

Refresh your cache on iPhone. Works for me.

Tried in different browser also....all same is there any force refresh for iphone like Ctrl+F5 in PC???

Clear history on iPhone. I think it also clears your cache.

Tried even on Firefox focus still same....could you please post screenshot of yours as you saying yours is ok so then I can compare what's lack in mine
Edit : Screenshot of Firefox Focus

[ARx182]

Replace the code I told you to add to global.css with this:

#ucp {
  float:right; 
  width:86%;
	
}
#ucpnav { 
	float: left;
	width:13% ;
}

@media screen and (max-width: 768px) {
    #ucp { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
	width:100%;
 }

   #ucpnav {
   width: 100%;
 }
}

The problem may have been because your screen on Firefox is wider so it did not class it as a mobile device therefore the sidebar was not responsive. If that was the issue, this should fix it. If not, refresh your history/cache on the browsers it does not work on.

[Hacker007]

Tried even on Firefox focus still same....could you please post screenshot of yours as you saying yours is ok so then I can compare what's lack in mine

I have shared screenshots above. Works fine for me on Safari, IE and Chrome. Clear your history/cache on the browsers it does not work on.

you post your site but mine is different

---

Replace the code I told you to add to global.css with this:

#ucp {
  float:right; 
  width:86%;
	
}
#ucpnav { 
	float: left;
	width:13% ;
}

@media screen and (max-width: 768px) {
    #ucp { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
	width:100%;
 }

   #ucpnav {
   width: 100%;
 }
}

Already did at the end of global.css

[ARx182]

Tried even on Firefox focus still same....could you please post screenshot of yours as you saying yours is ok so then I can compare what's lack in mine

I have shared screenshots above. Works fine for me on Safari, IE and Chrome. Clear your history/cache on the browsers it does not work on.

you post your site but mine is different

---

Replace the code I told you to add to global.css with this:

#ucp {
  float:right; 
  width:86%;
	
}
#ucpnav { 
	float: left;
	width:13% ;
}

@media screen and (max-width: 768px) {
    #ucp { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
	width:100%;
 }

   #ucpnav {
   width: 100%;
 }
}

Already did at the end of global.css

Replace that code I sent you earlier with the one I just sent you now.

[Hacker007]

Tried even on Firefox focus still same....could you please post screenshot of yours as you saying yours is ok so then I can compare what's lack in mine

I have shared screenshots above. Works fine for me on Safari, IE and Chrome. Clear your history/cache on the browsers it does not work on.

you post your site but mine is different

---

Replace the code I told you to add to global.css with this:

#ucp {
  float:right; 
  width:86%;
	
}
#ucpnav { 
	float: left;
	width:13% ;
}

@media screen and (max-width: 768px) {
    #ucp { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
	width:100%;
 }

   #ucpnav {
   width: 100%;
 }
}

Already did at the end of global.css

Replace that code I sent you earlier with the one I just sent you now.

worked without the creapy css....don't know why and how...it worked only with the html only after removing the css part  so sorry your proposal won't worked which you offered in PM .....now all fine and thanks for the html only

[ARx182]

Tried even on Firefox focus still same....could you please post screenshot of yours as you saying yours is ok so then I can compare what's lack in mine

I have shared screenshots above. Works fine for me on Safari, IE and Chrome. Clear your history/cache on the browsers it does not work on.

you post your site but mine is different

---

Replace the code I told you to add to global.css with this:

#ucp {
  float:right; 
  width:86%;
	
}
#ucpnav { 
	float: left;
	width:13% ;
}

@media screen and (max-width: 768px) {
    #ucp { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
	width:100%;
 }

   #ucpnav {
   width: 100%;
 }
}

Already did at the end of global.css

Replace that code I sent you earlier with the one I just sent you now.

worked without the creapy css....don't know why and how...it worked only with the html only after removing the css part  so sorry your proposal won't worked which you offered in PM .....now all fine and thanks for the html only

Haha no problem.

[Hacker007]

please someone close this as the problem solved