Move Ethos Post slider to below nav

Support
#1

Hello, I found this post reguarding moving the Ethos Post slider to below the nav. Does this stiill apply? its kinda old:

TIA
Rena

#2

Hello Rena,

Thanks for asking. :slight_smile:

You can add following JS code under X/Pro > Theme Options > JS to change the position of Ethos Post slider:

(function($){
  $('.x-post-carousel.unstyled').insertAfter( $('.x-navbar-wrap') );
})(jQuery);

If you would like to learn Javascript then please take a look at following resources:

https://www.javascript.com/

https://www.youtube.com/watch?v=10ujZygJzMQ

https://www.edx.org/course/javascript-introduction-w3cx-js-0x-0

https://www.khanacademy.org/computing/computer-programming/programming

https://www.w3schools.com/jS/default.asp

Thanks.

#3

Thank you! That almost worked. Except once I hit Save the homepage turned from a page to a blog post. I dont want the home page to be the blog. Is there a way to use this slider on the homepage?

Also thanks for the class link. I do want to learn it!

Rena

#4

Hi There,

The provided code should not affect your front page settings. Would you mind providing us with your website URL so we can take a closer look?

Please navigate to Settings > Reading to double check your front page & posts page options:


For more information about the front page, please take a look:

https://codex.wordpress.org/Creating_a_Static_Front_Page

Hope it helps :slight_smile:

#5

Yes, I do have the front page selected as shown before. I just tried it again. This time i switched my blog post page to a page titled “columns” and when I activated this JS it immediately made my homepage disappear and turned my post page ‘column’ into the home page.
This is my page:

update: Ive tried disabling the js code so i can work on the site, since with it all my pages disappear. But even after removing the code, deactivating all plugins and clearing the cache my site will not return.

Thanks
Rena

#6

Hello There,

There was a configuration settings that created the issue. You have enabled the post carousel and the post slider for your blog index which you want to display “Featured” items. The problem is that you do not have any featured items yet so it affected the rest of the page instead. I went to your Pro > Theme Options > Ethos and made sure to display “Most Commented” (or you can change it to Random) and now your homepage and the blog index is displaying the contents. Please check your site now.

By the way, the post slider can only be display in the blog index or in the archive pages. Once you selected a static home page, there will be no post slider. There is a different between the post slider and the post carousel. The post carousel displays on top of the page and this will display globally or in the whole site.

Hope this helps. Please let us know how it goes.

#7

Ohh ok thanks for helping with that and clarifying the difference. Appreciate the help!

#8

You’re welcome! This will be fixed in the next release so even if it is set to featured there isn’t the unexpected behavior of the other content failing to load.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.