Osclass Support Forums

Osclass plugin support => Online Chat Plugin => Topic started by: Nijam Utheen on July 31, 2017, 01:28:56 PM

Title: chat icon resize too small on mobile only for avoiding whtsapp,listing icon hide
Post by: Nijam Utheen on July 31, 2017, 01:28:56 PM

 instead of big online  icon http://prntscr.com/g2hgec i want to resize and move  my online chat plugin icon to left side on mobile becouse this is hiding listing icon and whatsapp share icon but  desktop no need resize that chat  icon only move location is better becouse is hiding scroll top icon

desktop icon screen shot http://prntscr.com/g2kaer
mobile icon http://prntscr.com/g2hgec

Title: Re: chat icon resize too small on mobile only for avoiding whtsapp,listing icon hide
Post by: MB Themes on July 31, 2017, 04:53:31 PM

@Nijam
Check CSS guides and do such modifications by yourself.

Title: Re: chat icon resize too small on mobile only for avoiding whtsapp,listing icon hide
Post by: Nijam Utheen on July 31, 2017, 07:51:29 PM

If I want to study css means first I will study all functionality of yours template and plugin so it will take 3 month ,so can u guide me how to resize particular plugin icon on mobile only ? Pleases

Title: Re: chat icon resize too small on mobile only for avoiding whtsapp,listing icon hide
Post by: MB Themes on August 01, 2017, 04:20:20 PM

@Nijam
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
https://www.w3schools.com/cssref/pr_dim_width.asp

Title: Re: chat icon resize too small on mobile only for avoiding whtsapp,listing icon hide
Post by: nijamutheen on August 02, 2017, 02:07:29 AM

i tried last 2 days it did not clear still now  :-[   after that i gave this following code  it hidden only chat icon on  mobile theme but chat window will not open

Code: [Select]

@media screen and (max-width:767px) {
  .oc-chat {display:none!important;}
}
thanks for ur good  support

Title: Re: chat icon resize too small on mobile only for avoiding whtsapp,listing icon hide
Post by: MB Themes on August 04, 2017, 12:01:48 PM

@nijamutheen
You probably did not tried enough  :-X

Code: [Select]

@media screen and (max-width:767px) {
  body .oc-chat { left: 5px; right: auto; bottom: 120px;width:80px;}
  body .oc-chat.oc-open {width:280px;}
  body .oc-global-head {border-radius:5px;}
  body .oc-global-head > span {display:none;}
  body .oc-chat.oc-open .oc-global-head > span {display:block;}
  body .oc-chat.oc-closed .oc-global-head > i.oc-dir:before { content: "\f105"; }
  body .oc-global-head > i.oc-dir:before { content: "\f104"; }
}


Title: Re: chat icon resize too small on mobile only for avoiding whtsapp,listing icon hide
Post by: nijamutheen on August 04, 2017, 12:40:54 PM

it is worked thanks thanks .... and lot of thanks to "frosticek", my first big problem is cleared

Title: Re: chat icon resize too small on mobile only for avoiding whtsapp,listing icon hide
Post by: nijamutheen on August 22, 2017, 03:28:58 PM

How to Move this onlinechat  icon from left center to below http://prntscr.com/gbmm9a ?
becouse  it gave some disturbance when posting,register new user,logging when typing any thing see http://prntscr.com/gbmpf7
or do u have any ideas about this ?

sorry for bad english Bro

Title: Re: chat icon resize too small on mobile only for avoiding whtsapp,listing icon hide
Post by: Ghany on August 23, 2017, 08:39:46 PM

@nijamuteen

^{@media screen and (max-width:767px) {
  body .oc-chat { left: 5px; right: auto; bottom: 5px;width:80px;}
  body .oc-chat.oc-open {width:280px;}
  body .oc-global-head {border-radius:5px;}
  body .oc-global-head > span {display:none;}
  body .oc-chat.oc-open .oc-global-head > span {display:block;}
  body .oc-chat.oc-closed .oc-global-head > i.oc-dir:before { content: "\f105"; }
  body .oc-global-head > i.oc-dir:before { content: "\f104"; }
}}

Title: Re: chat icon resize too small on mobile only for avoiding whtsapp,listing icon hide
Post by: abhkhan on March 05, 2018, 02:19:48 PM

 :)
The abive code is still hiding the Whatsapp sharer icon on single listing,

What to do to make it clearly visible?

Title: Re: chat icon resize too small on mobile only for avoiding whtsapp,listing icon hide
Post by: MB Themes on March 05, 2018, 02:23:27 PM

bottom: 5px;  .... increase it to i.e. 30px;