In the comments section of Full width Soliloquy slider with Header floating on the top in Genesis, a user asked
I want to get this to work for Carrie Dil’s Utility Pro theme and replace the first intro area. Would that work?In this tutorial we shall
- wrap .utility-bar, .site-header and .nav-primary in a custom div.utility-bar-header-nav
- wrap .utility-bar-header-nav and .home-welcome in a custom div.header-slider-wrapper
- set .header-slider-wrapper's CSS position property to relative and that of .utility-bar-header-nav to absolute so it floats on top of the slider placed inside the Home Welcome widget area
Step 1Install and activate Soliloquy. Create a slider named say, Home Slider and upload/select your desired slide images. In the Config tab, select "Full Width" for Slider Dimensions and enter your slide images' width and height. [optional] Use this sample HTML for caption:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.