WordPress Troubleshooter. How to solve issue with Breadcrumbs after performing CherryFramework 3.x update

WordPress Troubleshooter. How to solve issue with Breadcrumbs after performing CherryFramework update

This tutorial shows how to solve issue with Breadcrumbs after performing CherryFramework update:

1. To resolve the issue, you should perform changes to themeXXXXX\style.less file, where XXXXX is actual theme number. Download style.less file to your computer using FTP or hosting file manager. Open the file with editor. Find .divider class:

   

2. Add the following code:

   		&:after 
   		{content: '';} 

   

3. Save changes and upload the modified file.
   Refresh the page. We have removed / symbol:

   

4. Now we should adjust the alignment. Inspect element using Chrome developer tool or Firebug plugin.
   Find the appropriate part in css code. In our case display: inline-block; code should be added:

   

5. Now find this class in style.less file. Add code to li for .breadcrumb. Save changes and upload the modified file:

   

6. Refresh page. We have solved the issue with breadcrumbs:

   

Feel free to check the detailed video tutorial below:

WordPress Troubleshooter. How to solve issue with Breadcrumbs after performing CherryFramework update