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
- 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 â–º
Joomla Training Cohort â–º https://cybersalt.com/jtc
mySites.guru â–º https://mysites.guru
MigrateMe 4 â–º https://www.php-web-design.
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/
FOLLOW US ON TWITTER! â–º @basicjoomla
LIKE US ON FACEBOOK! â–º https://www.facebook.com/
