*

Ghislain Roy

  • ***
  • 22 posts
User info in mobile view help
« on: October 26, 2017, 02:24:52 AM »
Hi
I wish to have the users info set in the ads when view in mobile view.
I no it maybe some css but i need help to find how to arrange this.
Thank you

*

MB Themes

Re: User info in mobile view help
« Reply #1 on: October 26, 2017, 01:36:27 PM »
In responsive.css in section for displays up to 767px remove part of code that makes it disappear:
Code: [Select]
"#list-view .list-prod .loc, #list-view .list-prod .author"
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

Ghislain Roy

  • ***
  • 22 posts
Re: User info in mobile view help
« Reply #2 on: October 26, 2017, 02:55:54 PM »
Hi
I did not found in responsive css veronika theme the test specified maybe it was update by a new css file
here is what i have for up to 767px
Code: [Select]
@media screen and (max-width: 767px)
{
  /* BASIC */
  .not767 {display:none!important;}
  .is767 {display:block!important;}
  .fw-box .head {height:50px;padding:14px 11px 14px 10px;}
  .sc-block {display:none;}
  .sc-click {cursor:pointer!important;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .fw-box .head .def-but {display:none;}
  #header-bar, #header-search, .home-container, #partner, #footer, #body-search .content, #latest-search, div.breadcrumb, .user_account.content,
  #related.white, .content.user_public_profile {padding-left:10px!important;padding-right:10px!important;}
  #related-block {display:none;}
  .flashmessage, .flashmessage {font-size:13px;padding:10px!important;margin:10px 0;}
  #body-item .flashmessage {margin-top:10px;}
  .flash-wrap {float:left;width:100%;clear:both;padding:0 10px;}
  .flashmessage .ico-close {margin-right:0;}
  #n-block .btn {padding: 5px; line-height: 14px;}
  #back-top-right {display:none!important;}
  .mobile-post {color:#fff!important;font-size:16px;opacity:0.85;background:#03a9f4;position:fixed;bottom:7px;right:10px;width:40px;height:40px;border-radius:30px;z-index:9;box-shadow:1px 1px 6px rgba(0,0,0,0.2);text-align:center;}
  .mobile-post i {line-height:42px;font-weight:500;}
  .white .simple-wrap .orange-but {display:none!important;}
  .exp-box {margin:10px 0;padding:0 10px;}
  .exp-box .exp-mes {padding:12px;font-size:13px;}

What is the # for in css?
Is there another way to get this working?
Thank you Forsticek

*

MB Themes

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

*

Ghislain Roy

  • ***
  • 22 posts
Re: User info in mobile view help
« Reply #4 on: October 26, 2017, 04:01:40 PM »
Forstisek
in Message you say In responsive.css in section for displays up to 767px remove part of code that makes it disappear:
Code: [Select]
"#list-view .list-prod .loc, #list-view .list-prod .author" This is nowhere to be find in the section for displays up to 767px  .
Please if i have to edit other section confirm.
Thank you.

*

MB Themes

Re: User info in mobile view help
« Reply #5 on: October 26, 2017, 04:46:03 PM »
I hope you removed those apostrophes when searching.
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

Ghislain Roy

  • ***
  • 22 posts
Re: User info in mobile view help
« Reply #6 on: October 26, 2017, 04:58:57 PM »
Of corse Forstiseck i did removed the apostrophes
and in responsive css this line #list-view .list-prod .loc, #list-view .list-prod .author
is to be find in
Code: [Select]
@media screen and (min-width: 1025px) and (max-width: 1200px)and in
Code: [Select]
/* SEARCH */and in
Code: [Select]
/* SEARCH LIST TYPE */But nowhere in
Code: [Select]
@media screen and (max-width: 767px) {
  /* BASIC */
  .not767 {display:none!important;}
  .is767 {display:block!important;}
  .fw-box .head {height:50px;padding:14px 11px 14px 10px;}
  .sc-block {display:none;}
  .sc-click {cursor:pointer!important;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .fw-box .head .def-but {display:none;}
  #header-bar, #header-search, .home-container, #partner, #footer, #body-search .content, #latest-search, div.breadcrumb, .user_account.content,
  #related.white, .content.user_public_profile {padding-left:10px!important;padding-right:10px!important;}
  #related-block {display:none;}
  .flashmessage, .flashmessage {font-size:13px;padding:10px!important;margin:10px 0;}
  #body-item .flashmessage {margin-top:10px;}
  .flash-wrap {float:left;width:100%;clear:both;padding:0 10px;}
  .flashmessage .ico-close {margin-right:0;}
  #n-block .btn {padding: 5px; line-height: 14px;}
  #back-top-right {display:none!important;}
  .mobile-post {color:#fff!important;font-size:16px;opacity:0.85;background:#03a9f4;position:fixed;bottom:7px;right:10px;width:40px;height:40px;border-radius:30px;z-index:9;box-shadow:1px 1px 6px rgba(0,0,0,0.2);text-align:center;}
  .mobile-post i {line-height:42px;font-weight:500;}
  .white .simple-wrap .orange-but {display:none!important;}
  .exp-box {margin:10px 0;padding:0 10px;}
  .exp-box .exp-mes {padding:12px;font-size:13px;}

What should i remove ??
Thanks again.

*

Ghislain Roy

  • ***
  • 22 posts
Re: User info in mobile view help
« Reply #7 on: October 27, 2017, 12:24:35 AM »
What is the part of code that makes it disappear:??

*

Ghislain Roy

  • ***
  • 22 posts
Re: User info in mobile view help
« Reply #8 on: October 27, 2017, 01:23:06 AM »
I was able to get it right i did copy the line from you sent me and pasted in max 767px and by replacing the block by list.
Thank you.  ;)
You may close the post.