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
in Utility Pro.
Slide captions are optional.
Screenshots on tablet and mobile:
Install 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.