Sridhar Katakam

Genesis and WordPress Tutorials

  • Hi Sridhar,

    I would like to do this on Monochrome pro, I have tried to edit the above code and the slider appears but is very small with large black space around it. Do you have a tutorial for Monochrome Pro with a Soliloquy slider in Front Page 1? I want to use the Soliloquy captions on each image.

    Reply

    • I figured it out! When I created the slider, I forgot to add a title, so the slug was 569 instead of front-page-1. All is well now!
      Happy New Year, Srid, and thank you for your great tutorials!

      Reply

  • Hi Sridhar,

    This was great, as your modifications always are! One issue I have is that when the screen size changes (for example mobile) The widget area of front page 1 moves down to below the front page 1 area instead of staying there. How can I change this?

    The site is http://www.sparkysmusicstudios.com/dev

    Thank you!

    Reply

    • That is by design/choice. Otherwise, the overlaid widget will be sticking at the top and bottom of a short image at smaller screen widths.

      If you would like to prevent the widget area from appearing below the slider, try deleting this from Step 2:

      @media only screen and (max-width: 1300px) {

    .front-page-1 .widget-area {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        background: #ddd;
    }

    .front-page-1.image-section .flexible-widgets .wrap {
        padding: 100px 0;
    }

}
      Reply
    • >