Hello, We have featured images that are in a vertical aspect ratio that we would like to display in full in the Mega Menu as well as on a specific categories archive. The image crops aren’t working well for us because all vertical images are getting cut off… Currently, the thumbnails display the image as half cut off in the Mega Menu and partial width on the archive page. How can we change the thumbnails to show a specific size so we can have a better display for Vertical images?
Screenshot of Mega Menu: https://www.awesomescreenshot.com/image/2743209/b301f4c427e0b30907b763551e2a96b2
Screenshot of Archive page: https://www.awesomescreenshot.com/image/2743213/e7842831057e402f1c67f45722b2b156
Live link: http://dev.epicmag.org/category/magazine-issues/
Thanks!
Hi,
The mega menu uses this thumbnail size
– https://www.screencast.com/t/dbttJXJ30zz
That thumbnail is used on other elements as well, like different blocks and grids. If you were to change it, it will change for all these elements as well.
The theme crops the image center top, that is believed to be the best option for most cases and images
– https://forum.tagdiv.com/featured-image/
Then result depends on the images used, some will display better then others
– https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
At the moment the module that the mega menu uses cannot be changed, that would require modifications in the theme files and custom code to modify the menu styling as well.
Thanks
Thank you Simion for the explanation.
We are somewhat comfortable with some coding and updating on our own. Can you tell me what files would need to be modified if we wanted to attempt this to get a better vertical format layout?
Thanks!
Hi,
You could try and change the thumbnail the mega-menu is using by default, in this file
– https://www.screencast.com/t/xS2J8zafy
Use a different thumbnail size already created by the theme
– https://www.screencast.com/t/ST6HxnVd
This will probably require modifications to the style of the mega-menu as well, to accommodate the larger thumbnail size.
Thanks
Hello Simion,
Thank you for the additional resources and file locations.
I was actually able to complete this once I found the Theme API documentation. I successfully added my own image size utilizing the TD_API_module: add function (https://forum.tagdiv.com/td_api_moduleadd/) in a plugin and then customizing the template for a specific module we will use just for these vertical layouts.
We are now all set and thanks for pointing in the right direction.
