Hi
I have a problem with blog posts element. I have chosen three row layout in blog posts element options with thumbs, title and read more link. When resizing the web browser window there is a moment when the first line has one row with bigger thumbnail centered and full width title below it and the second line has two rows and so on for every three-row line. Is it possible to force each time two entries to occupy one line in specific screen sizes rather than split for one + two? Maybe using inline-block?
If not, does it have any impact on SEO if I create two elements with similar content but only one being displayed at a time, seting the display of three row element to “none” for specific screen sizes and create two row element to be displayed when three-row element is switched off?
Hey Rikard
It is the three-row blog posts element. It looks better than four-row but unfortunatelly in responsive state the first entry occupies one line, and the second and third entry occupies the second line and so on for every three posts. I noticed some other threads about it but none solved this issue. Finally I decided to use four-row element. But I was wondering if taking into account that there should not be duplicate content, I could use three-row element in desktop mode and switch it off in responsive mode in contrast to four-row element which behaves better in responsive state. After some web research, I have learned that even if something has the display property set to “none” it is still visible for google.
So this thread can be closed.