Questions

Gallardooo · October 2015

Hi I would like to know what are the header settings for this demo http://themes.muffingroup.com/be/smart/ (the static one not the sticky)

Also, how can I create a slider/section that reacts to pointer movement like the one on the demo above?

Thanks!

Albert · October 2015

It's "Transparent" header style. But we also use some custom css for this exact header style:

/* Top bar */
#Top_bar.is-sticky {  background: url(http://themes.muffingroup.com/be/smart/wp-content/uploads/2015/08/home_smart_slider_bg.jpg) top center; box-shadow: 0 0 0 0 rgba(0,0,0,.0); }

#Top_bar .menu > li > a:after { background: #fff !important; left: 25%; width: 50%; height: 1px; margin-top: 20px; top: 50%; }
#Top_bar.is-sticky .menu > li > a:after { bottom: 10px; top: auto; }

#Top_bar a.responsive-menu-toggle { color: #fff; }
#Top_bar .menu > li > a span { letter-spacing: 3px; }

But this slider that reacts on move, is one of the revolution slider settings. Please update this slider on your demo site and check all options and settings that we used for this slider.

Questions

Comments