Container with breadcrumbs is not centered correctly in mobile version

Hey dimitrovdimitar,
Thanks for the screenshot, it looks like the breadcrumbs are aligned with your logo:

please explain where you want the breadcrumbs to be, perhaps a mockup would help, and include a link to your site so we can examine.

Best regards,
Mike

Hi,
Thank you for the link to your site, I didn’t find the same page where the breadcrumbs were three lines, but I found a page where the breadcrumbs were two lines and this css seems to work, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px){
.responsive .title_container .breadcrumb {
    position: relative;
    margin-top: unset;
    top: unset;

}
}

If this doesn’t help where the breadcrumbs were three lines please include a link to the page directly.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike

Hi Dimitar,

1- Please add the following code to the bottom of Functions.php file of your child theme, or install the Code Snippets plugin and add it as a new snippet:

add_filter('avia_breadcrumbs_args', function($args) {
   $args['truncate'] = 9999;
   return $args;
}, 10, 1);

2- The first Blog is the page and second Blog is the category of your post.

Best regards,
Yigit

Hi,
The code that Yigit posted is meant to remove the character limitation in the breadcrumbs, it doesn’t seem to be working.
Please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,

Thank you for the update.

The login account above seems to be invalid. Please check the info carefully. To fix the style issue of the title container on mobile view, please add this css code.

@media only screen and (max-width: 1024px) {

  /* Add your Mobile Styles here */
  .title_container .breadcrumb {
    position: relative;
  }
}

Best regards,
Ismael`

Hi,

The Appearance > Theme File Editor is not accessible when we checked the site and we can’t purge the server cache for some reason. Would you mind asking your hosting provider to disable the server cache temporarily?

To re-enable the Appearance > Theme File Editor, edit the wp-config.php file, then add this code.

define( 'DISALLOW_FILE_EDIT', false ); 

Best regards,
Ismael

Hi,

The server cache is still active when we checked the site, and the site is still using the merged or compressed stylesheets even after disabling the Enfold > Performance > File Compression settings. The changes that we made are not reflecting in the frontend. Can we deactivate the plugins temporarily?

Best regards,
Ismael

Hi!

Did you create a backup or a restore point? We want to make sure that you can restore the site in case anything goes wrong.

Best regards,
Ismael