Hello,
i have one problem with the pictures from the Big Grid Slide 1 on mobile.
I noticed that second picture (feature image from post) are cropped not in the right way (only the top part is displayed) on desktop is much smaller comparing the height with the first one.
I looks like a bug because first, third and forth pictures on mobile are cropped correctly, second one is not.
The website is: https://www.arhitectgabrielgeorgescu.ro
Here are some print screens:
https://ibb.co/hthw4b
https://ibb.co/gj1ZqG
https://ibb.co/ioFG4b
Thank in advance
The second picture on mobile devices is a very wide picture. How it is supposed to show a square picture. Sorry but this is not a bug. it is common sense that a square picture will not show all content on a very wide thumbnails. Our theme crops images center top like mentioned here: https://forum.tagdiv.com/featured-image/
The big grid slide was never tested on a stretched row. Please use revolution slider if you need a full width slider.
Thank you!
Hello Bogdan,
i tested the code for Theme API mentioned on the link you sent but without success.
The worst problem on the mobile theme is the second image, can you send me few tips how can i fix it with the Theme API?
https://ibb.co/ciVLB6
https://ibb.co/mxknr6
https://ibb.co/jhiwjR
Regards,
Dragos
Hi,
I could give you a code solution to force the modules to display differently. But please note that this is not how the theme elements should be used. That slide is not the default big grid slide available in the theme.
Also note that all blocks, grids, slides etc are predefined, have preset design values. Altering these could break theme and cause them to not display properly.
In this case a code like this could produce the result you want
– https://www.screencast.com/t/vaoeadeM
@media (max-width: 767px) {
.td_block_big_grid_2 .td-small-thumb .td-module-thumb {
height: 200px!important;
}
.td-big-grid-slide {
height: 600px!important;
}}
Enter it in Theme panel->Custom CSS section.
Thanks
The second image is displayed fine now, but the 3rd and 4rd are at 50% width and tall. I had to remove the 4th image and make the 3rd one at 100% width.
@media (max-width: 767px) {
.td-big-grid-slide .td-big-grid-post-2 {
width: 100% !important; }}
Thank you!
