[exprecyclerParticipant]

So we’re almost finished creating our site, and we’ve come to one of the last elements that we are trying to get working properly, which is a horizontal scrolling news ticker. The plugin we’ve chosen is BWL Breaking News Manager. The plugin itself gives you options to either have the ticker at the very top of the page, or the very bottom. We are using the Renew stack with a horizontal menu bar, and right now the news ticker is at the top of the page, but what we really want to do is move the ticker so that it appears directly below the already-existing green horizontal menu bar (touching it), but also be directly above the revolution slider that is now in place. This would have the ticker be in the middle of the menu bar and slider, touching both, so it looks smooth and integrated with the other elements. Is there some custom css code that could achieve this? We’ve used this forum to solve all our other previous questions so far and have found lots of useful custom css codes that are now in place on our site, but we’re not experienced enough here to figure out how to do this ourselves. This is our first time asking a question here. Any help would be greatly appreciated! Really love this theme and the support you provide, thanks in advance!
– Nick & co.

URL: http://test.expendiblesrecycler.com
Wordpress version: 4.4.1
Plugin version: BWL Breaking News Manager version 1.0.8

[John EzraMember]

Hi Nick & Co.,

Thanks for writing in! Regretfully, your request does fall beyond our scope of support as it requires a change in the plugin and not the theme. The plugin actually shifts the whole site down to put the news ticker above the site, but in the code it is actually below the site. It is also using scripts that we would need to alter to get things to work properly. You may wish to engage a developer for a custom solution. Thank you for understanding.

You can check out our recommended partners: https://theme.co/x/member/custom-development/

Having said that, we can offer a limited work around. If you don’t mind the news ticker’s hide/show toggle positioned properly, we can use CSS to achieve getting the ticker in between the slider and the masthead.

You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

div#bwl_breaking_news_header_container {
    top: 197px;
}

span.bwl_breaking_news_header_ctrl_btn.bnm_dn {
    top:197px!important;
}
body.bnm_header {
    margin-top: 0;
}

.x-slider-container.below {
    margin-top: 36px;
}

As you can see when toggling the visibility of the ticker the toggle loses it’s position and the slider does not move up. This is because both those behaviors will require some javascript. If you are okay having the news ticker fixed without the toggle, you can add the following lines of css to the above.

span.bwl_breaking_news_header_ctrl_btn.bnm_dn {
    display:none!important;
}

This will hide the toggle.

Again sorry we’re a bit limited in this area, hope this helps – thanks!

[Author]

Posts