Hello,
We use Newspaper’s mobile plugin as our mobile theme at The Apex (http://www.theapex.racing). We use a smart list post style for multi-page reference posts that we call Race Reports. On desktop, these work great and don’t do strange things with the images.
However, on mobile, each page of the smart list seems to take the first image it finds on the page (if there are any) and moves it to the top as a “featured image.” This might be okay but it also removes it from where it’s supposed to be and interferes with the information we’re trying to present.
Here’s a particular page (https://www.theapexracing.co/2017/01/race-report-2017-rolex-24-daytona/4/) that demonstrates this effect as viewed on an iPhone 6s Plus:
How can I modify the mobile theme so this no longer occurs?
Thank you!
Ben
hello,
Unfortunately smart lists will change the location of the images on desktop as well. Different smar lists show image in different places. If you want the mobile ones to not interfere with the images you will have to disable the mobile theme plugin and use the standard responsive version of the theme.
Smart lists were not created with such presentations in mind. They were designed to be lists and one item presented on each list in particular
Thank you!
I understand. We are using one of the smart list styles on desktop that does not do this to images and we find that using a smart list is the best solution available for presenting this kind of information.
I have done a lot of customizations to both the main and mobile themes by tweaking the source code directly. All of these customizations have come from you and your colleagues’ assistance in this forum.
Are there any code changes I can make to the mobile smart list template that would stop this image replacement from happening?
Examples of changes I’ve already made to mobile:
- Remove pagination on homepage
- Change display of homepage block from “featured” to regular and offset the list below by three
- Remove display of sister categories on category pages
- Remove Whatsapp and Pinterest sharing options
As you can see, I’m not opposed to making changes when necessary and this smart list image issue is certainly one that has an impact.
Regarding using the responsive theme instead of mobile, this is not an option. We have promoted your mobile theme in particular as one of the reasons to visit our website and we won’t give up on that.
Any suggestions you can provide for modifying the code are appreciated. Thank you.
Hello,
I understand your position but unfortunately this will be no easy task. The smart list template was created that way and it is a very complex part of the theme. The smart list template is not easy to change. Smart list 8 is the only smart list template that will keep the user image preference. The rest will modify the im age position. Unfortunately the mobile theme does not use smart list 8. If you want to alter the way the mobile smart list handles images, you will have to edit this file: https://www.screencast.com/t/7qJzigYw9y
There is no suggestion I can provide though as you will have to replicate the implementation of smart list 8
Unfortunately we cannot offer any custom work at the moment
Thank you for your understanding!
