Breadcrumb not working properly

  • Resolved paulhubertastek

    (@paulhubertastek)


    3 years ago

    The breadcrumb does not work properly. It’s put all the text together and the arrows at the very end.

    In French it’s “Home > Location > Bottes” but in english it’s “Home Rental Boots > >”.

    The basic HTML on the website :

    <div class="woo-breadcrumb-wrap">
    <div class="container clearfix">
        <nav class="woocommerce-breadcrumb"><a href="https://maxskiservidev.wpengine.com">Home</a><span class="sep"><svg
                    fill="#FFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.01 15.02">
                    <title>arrow-right</title>
                    <path
                        d="M12,7.52a1.39,1.39,0,0,1-.12.57,1.49,1.49,0,0,1-.32.49l-6,6a1.46,1.46,0,0,1-.49.33,1.5,1.5,0,0,1-1.64-.33,1.37,1.37,0,0,1-.33-.49,1.5,1.5,0,0,1,0-1.14,1.63,1.63,0,0,1,.33-.49l5-4.94L3.65,2.62a1.28,1.28,0,0,1-.37-.49,1.42,1.42,0,0,1-.13-.61,1.56,1.56,0,0,1,.11-.6A1.6,1.6,0,0,1,3.61.41,1.55,1.55,0,0,1,4.74,0a1.79,1.79,0,0,1,.59.16,1.68,1.68,0,0,1,.48.36l5.79,6A1.61,1.61,0,0,1,12,7.52Z"
                        transform="translate(-3.01)"></path>
                </svg></span><a href="https://maxskiservidev.wpengine.com/product-category/location/">Location</a><span
                class="sep"><svg fill="#FFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.01 15.02">
                    <title>arrow-right</title>
                    <path
                        d="M12,7.52a1.39,1.39,0,0,1-.12.57,1.49,1.49,0,0,1-.32.49l-6,6a1.46,1.46,0,0,1-.49.33,1.5,1.5,0,0,1-1.64-.33,1.37,1.37,0,0,1-.33-.49,1.5,1.5,0,0,1,0-1.14,1.63,1.63,0,0,1,.33-.49l5-4.94L3.65,2.62a1.28,1.28,0,0,1-.37-.49,1.42,1.42,0,0,1-.13-.61,1.56,1.56,0,0,1,.11-.6A1.6,1.6,0,0,1,3.61.41,1.55,1.55,0,0,1,4.74,0a1.79,1.79,0,0,1,.59.16,1.68,1.68,0,0,1,.48.36l5.79,6A1.61,1.61,0,0,1,12,7.52Z"
                        transform="translate(-3.01)"></path>
                </svg></span>Bottes</nav>
    </div>
</div>

    There is the html generated in English : 

    <div class="woo-breadcrumb-wrap">
    <div class="container clearfix">
        <nav class="woocommerce-breadcrumb"><a href="https://maxskiservidev.wpengine.com">
                <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit;">Home </font>
                </font>
            </a>
            <font style="vertical-align: inherit;"><a
                    href="https://maxskiservidev.wpengine.com/product-category/location/">
                    <font style="vertical-align: inherit;">Rental</font>
                </a>
                <font style="vertical-align: inherit;"> Boots</font>
            </font><span class="sep"><svg fill="#FFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.01 15.02">
                    <title>arrow-right</title>
                    <path
                        d="M12,7.52a1.39,1.39,0,0,1-.12.57,1.49,1.49,0,0,1-.32.49l-6,6a1.46,1.46,0,0,1-.49.33,1.5,1.5,0,0,1-1.64-.33,1.37,1.37,0,0,1-.33-.49,1.5,1.5,0,0,1,0-1.14,1.63,1.63,0,0,1,.33-.49l5-4.94L3.65,2.62a1.28,1.28,0,0,1-.37-.49,1.42,1.42,0,0,1-.13-.61,1.56,1.56,0,0,1,.11-.6A1.6,1.6,0,0,1,3.61.41,1.55,1.55,0,0,1,4.74,0a1.79,1.79,0,0,1,.59.16,1.68,1.68,0,0,1,.48.36l5.79,6A1.61,1.61,0,0,1,12,7.52Z"
                        transform="translate(-3.01)"></path>
                </svg></span><a href="https://maxskiservidev.wpengine.com/product-category/location/">
                <font style="vertical-align: inherit;"></font>
            </a><span class="sep"><svg fill="#FFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.01 15.02">
                    <title>arrow-right</title>
                    <path
                        d="M12,7.52a1.39,1.39,0,0,1-.12.57,1.49,1.49,0,0,1-.32.49l-6,6a1.46,1.46,0,0,1-.49.33,1.5,1.5,0,0,1-1.64-.33,1.37,1.37,0,0,1-.33-.49,1.5,1.5,0,0,1,0-1.14,1.63,1.63,0,0,1,.33-.49l5-4.94L3.65,2.62a1.28,1.28,0,0,1-.37-.49,1.42,1.42,0,0,1-.13-.61,1.56,1.56,0,0,1,.11-.6A1.6,1.6,0,0,1,3.61.41,1.55,1.55,0,0,1,4.74,0a1.79,1.79,0,0,1,.59.16,1.68,1.68,0,0,1,.48.36l5.79,6A1.61,1.61,0,0,1,12,7.52Z"
                        transform="translate(-3.01)"></path>
                </svg></span>
            <font style="vertical-align: inherit;"></font>
        </nav>
    </div>
</div>

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author edo888

    (@edo888)

    3 years ago

    Hi,

    You can change <span class="sep"> to <span class="sep notranslate"> and it should be fine.

    Alternatively you can use our paid version: https://gtranslate.io/#pricing

    Thanks! 🙂

    Thread Starter paulhubertastek

    (@paulhubertastek)

    3 years ago

    Thanks for the reply, I will try your solution.

    I might consider using the payed version for more features, but I wasn’t ready to pay if the bug was still there.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Breadcrumb not working properly’ is closed to new replies.