Hey, Today published a smart list-2 styled post https://tomatoheart.com/manisha-choraria/not-famous-side-paul-walker/ but it’s siebar appears broken (see here: https://i.snag.gy/Xt2kQM.jpg )
as far I could see, this is happenning only with this posts, not with any other similarly configured posts or smart-list 2 style posts.
The behavior of the broken sidebar is similar to the “smart primary menu” , means scrolled down, the whole sidebar disappears, while when scroll up, the borken sidebar appears in the right side on the post, while it should be on the right side.
Please check.
I don’t know how.. but I played with changing smart list style options and finally again style-2 , but as of now, the sidebar appears correct. I don’t know why it was happenning and how it is correct now.
There should be no caching issues because it is set to show live version for the admin. Let me know if you have anything to say for this behavior.
Thank you.
Okay..I continued researching and I found that it started woring because while doing some tweaks, I had changed the general post template from style-2 ( my default template ) to style-5 ( smart list recommended style)
Means the borken sidebar still appears in the combination of ( style-2 post template + style-2 smart list) but not with ( style-5 post template + style-2 smart list)
Any comment on it.
Thank you.
Hello,
This is actually a pretty common issue. It’s not template related or smart list type. It is a simple open html tag or a broken html code in the post content. please edit your post in html mode (text mode) and make sure all html tags are closed properly and all the code is ok. it happens to use as well because if you paste things in visual mode in post edit, sometimes the html gets screwed. Try to use text mode as much as you can so you have better control over the html structure.
Thanks.
Hi,
Different smart lists have different implementation. If a html tag is open where the smart list needs to add a title or the post template needs to add a featured image or a different specific element, then it will break on that particular layout. On a different one it maybe does not affect structural elements and the sidebar will not be broken. Try to find the html error and then test different templates again. HTML works in mysterious ways sometimes 🙂
It the smartlist titles you need to be extra careful about. If for example you have an image inside a h3 tag that will mot likely break the layout as the smartlists need the h3 or the tag you set in order to create the titles.
Thanks
“If for example you have an image inside an h3 tag that will mot likely break the layout as the smartlists need the h3 or the tag you set in order to create the titles.”
This might be the case with me and I will look into it. Thank you for all your valuable inputs 🙂
Cheers!