0
Welcome Guest! Login
0 items Join Now

Image are resizing in Chrome and Safari

    • w2kd's Avatar
    • w2kd
    • Rocketeer
    • Posts: 50
    • Thanks: 1

    Image are resizing in Chrome and Safari

    Posted 12 years 5 months ago
    • Help Please

      Running with Gantry V4.1.3 and template based on Gartry V4

      Images in articles are being reduces when being viewed on a windows PC using either Chrome or Safari. They display at the full size on firefox and IE.

      It looks to me that they are been treat as if it is on a mobile device.

      I can't see where this test is done nor what configuration paramater I can adjust to stop it.

      One of the page that is causing a problem is this one
      http://pabs.com.au/about-us.html
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: Image are resizing in Chrome and Safari

    Posted 12 years 5 months ago
    • I get this error when I try to access this URL
      404 Not Found

      The resource requested could not be found on this server!
    • Check my services at: Mihha-Vision
    • w2kd's Avatar
    • w2kd
    • Rocketeer
    • Posts: 50
    • Thanks: 1

    Re: Image are resizing in Chrome and Safari

    Posted 12 years 5 months ago
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: Image are resizing in Chrome and Safari

    Posted 12 years 5 months ago
    • You can add this to your custom css file
      .item-page img {
      max-width: none !important;
      }
    • The following users have thanked you: Tanya Flores

    • Check my services at: Mihha-Vision
    • w2kd's Avatar
    • w2kd
    • Rocketeer
    • Posts: 50
    • Thanks: 1

    Re: Image are resizing in Chrome and Safari

    Posted 12 years 5 months ago
    • Thanks it working.
      Will this effect mobile views?
    • w2kd's Avatar
    • w2kd
    • Rocketeer
    • Posts: 50
    • Thanks: 1

    Re: Image are resizing in Chrome and Safari

    Posted 12 years 5 months ago
    • This change does effect mobile views as the images are still large.
      Any other ideas for better support for both Chrome and mobile views.
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: Image are resizing in Chrome and Safari

    Posted 12 years 5 months ago
    • You can add this to your custom css file also so behavior will be as original on mobile phone
      /* Smartphones */
      @media (max-width: 480px) {
                       .item-page img {
                       max-width: none !important;}
      }
    • Check my services at: Mihha-Vision
    • w2kd's Avatar
    • w2kd
    • Rocketeer
    • Posts: 50
    • Thanks: 1

    Re: Image are resizing in Chrome and Safari

    Posted 12 years 5 months ago
    • Thanks that seems to have worked
      One more question that I'm struggling with is how to turn off modules on a mobile device.
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: Image are resizing in Chrome and Safari

    Posted 12 years 5 months ago
    • You will have to define custom css module class suffix classes and use mediaquery like the one I suggested before, that targets mobile devices. In that custom suffix, set display to hidden and it should be hidden from mobile devices. If you want to learn by example, you can download our latest templates and see how the devs implemented "hidden-*" module class suffixes in them
    • Check my services at: Mihha-Vision

Time to create page: 0.080 seconds