MODx themes for MODx Revo CMS
  • Welcome to MDxThemes - MODx themes website !
  • Premium high quality Website Modx themes
  • Bootstrap enabled MODx themes
  • HTML5, CSS3, responsive & SEO enabled themes
  • Modx theme Documentation and Support
  • MODx theme tutorials on building a website with MODx CMS.
  • Fast, super easy & powerful theme management system.
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Responsive image

Responsive image 4 years 8 months ago #140

  • PI
  • PI's Avatar
  • OFFLINE
Hi there, I recently took a website live using this theme and I've used the chunk "mdx_TitleImage" on of the main pages to be used as a header image. While this works well on Desktop, I noticed that on Mobile browsers it pushes the page to the far right, also taking with it the "fast up" arrow. It seems it's not recognizing it as responsive due to the fact that image is about 1000 pixels wide.

I've attached a few screenshots here as well - but any help/recommendations on how to fix would be appreciated.

I've also had issues with the Favicon displaying - when I enter it through Extras/Configuration in the manager it doesn't seem to read it or display. Any thoughts?
Attachments:
Last Edit: 4 years 8 months ago by Mangesh. Reason: Relevant topic
The administrator has disabled public write access.

Chunk mdx_TitleImageCausing Mobile Browser Issue 4 years 8 months ago #141

Hello,

You can use the following code to make your images responsive.
<img src="path-to-yourfile/yourfile.jpg" class="img-responsive" alt="Responsive image">

just add this class="img-responsive"

It should fix your issue.

Regards,
Mangesh
The administrator has disabled public write access.
The following user(s) said Thank You: PI
  • Page:
  • 1