Polylang for WordPress: pll_e function breaks HTML

Question

I am using Polylang and loco Translation to translate my blog site. I'm adding the string translations manually and this works fine with the get_theme_mod part, but there is one place where I also want to add a custom string translation and after I add it manually it breaks the html and the css won't work.

Added custom string translation should look like this; no need for pll_e to work properly

But after I added pll_e to that section in index.html;

<?php get_header(); ?>

<div class="content">
    
    <?php if ( get_theme_mod('heading-enable','on') == 'on' ) : ?>
      <?php echo get_template_part(pll_e ('inc/page-title') ); ?>
    
    <?php endif; ?>

It breaks the html but the translation works. It looks like this; it looks like this

Does anyone know a solution? I think it has something to do with get_template_part and get_theme_mod since the same thing I did with the get_theme_mod part worked fine.

By the way, there is a difference between having pll_e and not having pll_e.

No pll_e with pll_e

Answer 1

i solved the problem by editing index.html like this ;

<div class="content">

<div class="page-title group">
<div class="page-title-inner group">

                <?php if ( get_theme_mod('heading-enable','on') == 'on' ) : ?>
    <h2> <?php echo get_template_part(pll_e('inc/page-title') ); ?>  </h2>

<?php endif; ?>
    
                            
</div><!--/.page-title-inner-->