Fix Facebook Marketplace Tab title on WCFM Vendor Dashboard

Table of Contents

Actually, this issue coming from the long text it so we can fix this issue in two three ways.
  1.  Just add code on the WordPress back-end.
  2. Make vendor dashboard fullwidth.
  3. Add CSS for text size.

 

****Just add code on the WordPress back-end**
@media only screen and (max-width: 768px){
#wcfm_menu .wcfm_menu_facebook-marketplace .wcfm_menu_item span.text {
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
line-height: 16px;
max-height: 32px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width: 120px;
vertical-align: middle;}
#wcfm_menu {
width: 50%!important;}
}
****Make vendor dashboard fullwidth***

Go to page > page attributes > set page fullwidth

Screenshot at Jun 22 21 30 35 Maxkinon

 

****Add CSS for text size***

 

#wcfm_menu .wcfm_menu_item span.text {
    font-size: 15px;
}

 

 

*Use this plugin for WordPress custom code or CSS

Code Snippets

Screenshot at Jun 22 21 27 28 Maxkinon

Installation
  1. Log into your WordPress admin.
  2. Click Plugins.
  3. Click Add New.
  4. Search for Code Snippets.
  5. Click Install Now under “Code Snippets
  6. Activate the plugin.

OR

Watch This Video

 –  – – – – – –  – – – – — – –    – – – – – – – – – – – – – – – —   – –  – – –  — – – – – — – – – — –

Check ourWCFM related post:

Leave a Reply

Your email address will not be published. Required fields are marked *