Can we move video to sidebar when page scrolled?

Hi,

I was wondering if this is possible with this theme http://edition.cnn.com/2016/04/01/politics/obama-nuclear-summit-isis/index.html . Here you can see when the page is scrolled the video moves to sidebar. It looks awesome. If it is possible to do with newsmag theme plz tell us how.

On another case can we set single post page with 3-4 next post show below as like this -> http://timesofindia.indiatimes.com/city/mumbai/Ex-Navy-officer-who-saved-89K-for-eye-op-loses-it-to-online-con/articleshow/51654300.cms You may see here if you go down then it shows the next post (upto 4 posts maybe). Please do reply.

Thanks in advance.

Please reply soon..Waiting eagerly for the reply.

Thanks!!

Hi

First of all we don’t work on weekends and we always take the topics from the oldest to newest, so is not recommended to update your topic because we will see it as a new topic and you will get the answer later.

1. Unfortunately at the moment the theme don’t have an option to move the video on sidebar when the page scroll down. This is a complex task and to achieve it are required lots of customizations.
2. You can set how many related posts to be displayed from theme panel > post settings > related article: http://screencast.com/t/pcw6go1tFI

If you need further assistance please let us know and we will get back to you in shortest time possible.
Thanks for your understanding!

Dear Andrei,

Thanks for your reply. But I was not asking about the related articles. I gave you an example link and you may see there how the next article is shown, actually its the full article so that an user doesn’t need to clink on a article to read it. Its single.php / post.php setting related work. So that if a single post is clicked so the related article(full articles) are shown below.

And another issue is that the video position switching. I was asking this not as a customer support. I was wondering if you can help me to do so, I mean at least u can say which files i need to edit to do that effect. Just needed a little guidance.

And forgot about the weekend 😀 . No issues at all.
Thanks again.

And I got a referral link for you http://codepen.io/carpenumidium/pen/dYYwQp for the coding part. Go here and you can see the coding example. I just need to know that where should i modify to activate this in the theme. Please help when you are free. Happy with your support. Thanks in advance.

Hi

The indicated site use a infinite scroll model to load posts. Unfortunately with our theme this is not possible at the moment. This is a complex task which need lots of customizations in order to be achieved. It will need to be custom made and unfortunately is not a ‘walk in the park’ from any point of view you look at it.
First must be chosen a way to load the next posts and here are two main ways:
– load all posts when the page it’s loaded first time, which is not very good for page-speed
– load posts when the users scroll-down, which means additional queries to the database.

Regarding the video this is not an much easier task either.
First you need to understand how page structure looks like when a sidebar it’s used. There are two main containers in place: a span 8 and a span 4. What you’re trying to do is to move a part of content from one container to another when user scroll down. This is not possible at all because after the html it’s generated it can’t be changed within same session. In your example the video and text are in the same container. The css applied only change the position, which is possible, but not affect the html. You can achieve a similar result using our theme but it’s required a custom post template with a custom structure.

I mentioned in my previous replies that we can’t offer any custom services at the moment. If you’re not aware of the steps you need to take in this regard you can always hire a developer or a freelancer from sites like http://studio.envato.com/ to do this for you

Thanks!

Thanks for your reply. Hope I can do it myself.

Hi Andrei,

Check this link. http://162.144.111.46/~odishatv/body-slider/maha-mp-telengana-police-and-nia-seek-remand-of-simi-operatives-129318/ . Glad to say that I got succeeded to do the job. But not aware of any bugs. Please check this and say weather its perfect of need some modification. And it will be better if we can get this kind of feature(Unobtrusive Video while scrolling) in theme.

Thanks a lot for your replies. Your support rocks!!! (y)

Hi

I’ve looked over your customizations and the page seems to be loaded fine. There would be a little css correction that could be made. You have added a margin-top by 468px on td-a-rec-id-content_top container to push the page content down. This css applies on all posts and if you check one of them there is a huge blank space above the container: http://screencast.com/t/Aid1Q8bRos You can target only the post where you need that margin using its post id class, here is an example: http://screencast.com/t/fq1fsFpKA2C

.postid-129318 .td-a-rec-id-content_top {
margin-top: 460px;
}

This code will add the margin only for the post with id 129318, not for all posts.

Thanks!

Hi Andrei,

But what you said is quite impossible because i cant give all post-ids in CSS. How to achieve this dynamically??

Thanks in advance.

Hi Andrei,

Glad to tell you that succeeded to achieve the same with an div spacer added in video posts. You can check now if you want.

Thanks for your help and time.