This topic contains a post which is marked as Best Answer. Press here if you would like to see it.
*

Nijam Utheen

  • *
  • 28 posts
 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
« Last Edit: July 31, 2017, 04:51:39 PM by Nijam Utheen »

*

MB Themes

@Nijam
Check CSS guides and do such modifications by yourself.
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

Nijam Utheen

  • *
  • 28 posts
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
« Last Edit: July 31, 2017, 07:58:18 PM by Nijam Utheen »

*

MB Themes

  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

nijamutheen

  • ***
  • 110 posts
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

Marked as best answer by frosticek on August 23, 2017, 08:56:59 PM
*

MB Themes

@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"; }
}
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

nijamutheen

  • ***
  • 110 posts
it is worked thanks thanks .... and lot of thanks to "frosticek", my first big problem is cleared
« Last Edit: August 04, 2017, 12:48:30 PM by nijamutheen »

*

nijamutheen

  • ***
  • 110 posts
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


*

Ghany

  • ***
  • 203 posts
@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"; }
}

*

abhkhan

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

What to do to make it clearly visible?

*

MB Themes

bottom: 5px;  .... increase it to i.e. 30px;
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots