The Joomla Training Cohort has been launched!

Please send any feedback or bug reports to tim@cybersalt.com  

To help keep your Joomla site mobile compatible, make sure long text and urls wrap on your pages. In this video we'll show you the css code you need word-wrap those long urls and text.

 - Topic: Wrap Long Text and URLs for Better Mobile Compatibility with Joomla
- Presenter: Tim Davis
- Sponsored by: mysites.guru
- Tutorial on the Basic Joomla Tutorials YouTube channel
- Purpose: To demonstrate a CSS rule to improve mobile compatibility for Joomla websites
- Tim Davis offers Joomla site services, can be contacted at This email address is being protected from spambots. You need JavaScript enabled to view it.
- Trigger: A client received a notification from Google Search Console about a non-mobile-friendly page due to a long URL not wrapping on the mobile view
- Solution: Add custom CSS to the Joomla template (Cassiopeia) with the following code:
- Code: "p, a { word-wrap: break-word; }"
- CSS file location: media/template/site/cassiopeia/css/user.css
- After adding the code, refresh the page to see the text and URL wrapped properly on mobile view
- This makes the page mobile-friendly and prevents display issues.

SUBSCRIBE TODAY! ► https://goo.gl/N6y5bH

😴👌Watch Me Work live streams ►    • Find and Replace ...  

Here are some of the links mentioned in this Live Stream - and some others:

Contact Tim Davis ► This email address is being protected from spambots. You need JavaScript enabled to view it.

Joomla Training Cohort ► https://cybersalt.com/jtc

mySites.guru ► https://mysites.guru

MigrateMe 4 ► https://www.php-web-design.com/Joomla...

Stageit for Joomla ►    • First Look at Sta...  

Backing Up Your Joomla Site with Akeeba ►    • How to Backup a J...  

Better Frontend Link ► https://regularlabs.com/betterfronten...

FOLLOW US ON TWITTER! ► @basicjoomla

LIKE US ON FACEBOOK! ► https://www.facebook.com/basicjoomla

Log in to comment

Add comment

This is a privacy policy

Submit