Mobile images oversized
-
-
- Phillip Read
- Jr. Rocketeer
- Posts: 31
- Thanks: 0
-
I noticed that our website works fine on PC but not on a smartphone or ipad.
The images are too large so that you only see part of them.
How can I fix this?
www.aswl.org.au
Thanks,
phill
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi Phill,
The original concept was to have an image as background and then overlay the text. This gives more control of text appearance on devices.
You have the text as part of the image so it will resize as the image size changes.
To make the images display on mobile phones you need to add some custom css to your rt_myriad-custom.css
#rt-slideshow .sprocket-fullslideshow-image { background-size: contain; }
It is not ideal, but as I said previously, you are not using roksprocket in the manner it was expected for the template.
If this resolves your problem then please edit your first post in this thread by adding [SOLVED] at the start of the title and click on the icon and select the 'tick' icon. This lets the moderators know that it can be moved to the solved section.
Thanks for your cooperation
-
The following users have thanked you: Phillip Read
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- Phillip Read
- Jr. Rocketeer
- Posts: 31
- Thanks: 0
-
Thanks. It works on a landscape view but not portrait.
I guess the image is too small on portrait.
Is that correct?
-
Time to create page: 0.066 seconds