1/I have noticed on the mobile version of my site that some of my images show distorted . How can I fix this ?
2/On the demo site, for exemple in 'advertising' category + grid layout is activated, the images are of very different sizes: small, medium and very big. Regarding my images, how can I get the same result ?
Anyway, could you also send me the page URL so I can check it?
2. To do that, after enabling the Flexible Grid layout in the customizer, please open the edit screen of a portfolio item. Then scroll down and look for the "Make it full-width on portfolio list template?" option (screenshot: https://cl.ly/qaHq ) and enable it.
It will make the featured image of that item showing in a larger size on the list page.
1. After activating the plugin, please go to "Meow Apps > Retina" and tick the "Auto Generate" checkbox then save.
You would also need to re-upload your portfolio images that the size is doubled for the plugin to generate the retina image version. For example, if the normal image size is 400x300, you need to upload a larger size which is 800x600 instead.
2. Hmm. As I checked the source code of your homepage, I could not seem to find any portfolio item that is full-width enabled. Could you send me privately the login account to your site? I will check it. (Don't forget to mark your reply as Private.)
1. Perhaps I misundertood your issue in the first place. Could you go to "Appearance > Customize > Additional CSS" and try applying this custom CSS?
@media only screen and (max-width: 600px) {
.justified-images .portfolio-thumbnail img {
height: auto;
}
}
I think it should correctly fix the image distortion issue.
2. I can see the problem on your site now. Could you please send me the login account to your site? I will try to debug the code on your end. (You might create a temporary account for me.)
Thanks for all the info. I have made some necessary change in the theme's JS file and custom CSS. It seems the issues are all fixed. Could you check it again and let me know if there's still something not right?
For the flexible grid, you can upload any size for the images. The theme will try to make them fit in the displaying area. For any other pages, I have created a dummy site for you so you can find most image dimensions in various areas: http://themes.uxbarn.com/wp/kathy-dummy/.
1. Unfortunately, there's no option for that. You would need to manually add the custom link code into the theme file. (But I think a user can actually just click on a menu item, eg. 'Projects', to go back to the portfolio main page at any time?)
2. Please go to the Customizer > Portfolio Options then change the text of the "Portfolio Menu Text" option to "Works" in this case. Then the menu item will also be highlighted when viewing a portfolio single page.
Hello Paul,
I have 2 questions about the size of images :
1/I have noticed on the mobile version of my site that some of my images show distorted . How can I fix this ?
2/On the demo site, for exemple in 'advertising' category + grid layout is activated, the images are of very different sizes: small, medium and very big. Regarding my images, how can I get the same result ?
best regards
Liso
Hello Liso,
1. Did you mean when specifically viewing it on a retina-display mobile device? If so, then please try using this plugin: https://wordpress.org/plugins/wp-retina-2x/
Anyway, could you also send me the page URL so I can check it?
2. To do that, after enabling the Flexible Grid layout in the customizer, please open the edit screen of a portfolio item. Then scroll down and look for the "Make it full-width on portfolio list template?" option (screenshot: https://cl.ly/qaHq ) and enable it.
It will make the featured image of that item showing in a larger size on the list page.
Regards,
Paul
Thanks for the URL and information.
1. After activating the plugin, please go to "Meow Apps > Retina" and tick the "Auto Generate" checkbox then save.
You would also need to re-upload your portfolio images that the size is doubled for the plugin to generate the retina image version. For example, if the normal image size is 400x300, you need to upload a larger size which is 800x600 instead.
For more tutorial about the plugin, please see: https://meowapps.com/wp-retina-2x/tutorial/. For any help and support about the plugin, I would suggest contacting the plugin developer directly: https://wordpress.org/support/plugin/wp-retina-2x
2. Hmm. As I checked the source code of your homepage, I could not seem to find any portfolio item that is full-width enabled. Could you send me privately the login account to your site? I will check it. (Don't forget to mark your reply as Private.)
Thank you for the detailed information.
1. Perhaps I misundertood your issue in the first place. Could you go to "Appearance > Customize > Additional CSS" and try applying this custom CSS?
@media only screen and (max-width: 600px) { .justified-images .portfolio-thumbnail img { height: auto; } }I think it should correctly fix the image distortion issue.
2. I can see the problem on your site now. Could you please send me the login account to your site? I will try to debug the code on your end. (You might create a temporary account for me.)
Thanks for all the info. I have made some necessary change in the theme's JS file and custom CSS. It seems the issues are all fixed. Could you check it again and let me know if there's still something not right?
A JS file is a JavaScript file used in the theme.
For the flexible grid, you can upload any size for the images. The theme will try to make them fit in the displaying area. For any other pages, I have created a dummy site for you so you can find most image dimensions in various areas: http://themes.uxbarn.com/wp/kathy-dummy/.
Regarding your questions:
1. Unfortunately, there's no option for that. You would need to manually add the custom link code into the theme file. (But I think a user can actually just click on a menu item, eg. 'Projects', to go back to the portfolio main page at any time?)
2. Please go to the Customizer > Portfolio Options then change the text of the "Portfolio Menu Text" option to "Works" in this case. Then the menu item will also be highlighted when viewing a portfolio single page.
Happy to helps!