Hi guys,
Could you please help on this one ASAP?

Regards
Kabeer

Hi Kabeer,

I am really sorry for the delay of this reply as it was past office hours during your last reply.

Hm, it seems like everything is displaying nicely here from our end. Refer my screenshot here, http://take.ms/7D41Z . May I know is there any specific steps that we must follow in order to replicate the issue here?

Hello Enzul
I have re-tried by clearing my browser history, website cache and CDN cache but still the font is not wrapping up and the entire webpage's layout is breaking up. I have tried using both Google Chrome and Microsoft Edge browsers, and both are on their latest versions on Windows10 environment.

Could you please check again and revert back? Also please advise which browser you had used to check this?

Regards
Kabeer

Hi Kabeer,

It seems like everything is working correctly in Firefox browser, but not with Chrome and Edge browser. Can you provide us with your Joomla backend and FTP access and see if we are able to find something that causing this issue?

Please advise.

Hello Enzul
Under the first update of this ticket I have provided the backend information under the secure area.

Please let me know if you require anything else.

Cheers!
Kabeer

Hello Chang
Thanks and it has fixed the issue in Google Chrome but Microsoft Edge browser still shows this issue. Pls check.

Also, under the first update of this ticket I have provided the Template's CSS file path in the additional information area.

Lastly, you should now have access to the Profiles component.

Cheers!
Kabeer

Hey there,

I am really sorry for the delay of this reply as it is a weekend for us here.

After investigated a few hour ago, It seems like this Edge/IE 11 browser unable to support these following css and causing the issue, it actually quite common css code which compatible with all other browser like Chrome and Firefox browser, but except Edge/IE 11 browser

word-break: break-word;

overflow-wrap: break-word;

word-wrap: break-word;

Even IE10 browser is more better than Edge/IE 11 browser, you take a look of my attached screenshot below.

When I put above css, it work perfectly fine in IE 10 browser.
Because we have do some comparison on this situation with other browser and Edge/IE 11/10 browser.

The last result screenshot is work fine when you add this following css code into your template :

/* update the css code earlier to this */

#ed .ed-post-content {

    word-break: break-all;

}

But it will make the sentences word break it when using this css. By the way, currently that was no any better solution for this yet, unless Edge/IE 11 browser support these following css code.

word-break: break-word;

overflow-wrap: break-word;

word-wrap: break-word;

Hi Arlex
Thanks for letting me know. So now I will leave the css code 'as it is' since its working on chrome and firefox.

Cheers!
Kabeer

Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.