Okay
  Public Ticket #768052
Slider loop and make invisible the menu
Closed

Comments

  • Alia Lopez started the conversation
    May 14, 2016 at 3:02am

    Hi!

    I need the hero slider to loop, it stops at the last slide and to make invisible the main menu (need an horizontal menu). How can I do that?

    Cheers!

    Alia

  •  1,801
    Support replied
    May 16, 2016 at 6:55pm

    Hello Alia,

    Set

    animationLoop: true,

    in /js/scripts.js line 443, path relative to root theme folder.

    You can only hide on scroll the side menu in theme options, otherwise having a horizontal menu is complex custom work.

    Thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Alia Lopez replied
    May 16, 2016 at 9:30pm

    Hi! 

    thanks for the reply!

    Made that change for the loop, and indeed makes the loop, but it jumps from the last to the first without sliding (animation), how can i fix it?

    About the horizontal menu, i`ve already have it, just need the lateral menu to hide.

    thanks!

  •  1,801
    Support replied
    May 17, 2016 at 5:32pm

    Hi, I'm not sure about the rewind animation.

    Here is a complete list of the flexslider options

    https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties

    to hide the left-side menu just ad to theme options -> styling options -> custom css a css to hide the hamburger button

    header button.hamburger.hamburger-rotate {

        display: none;

    }

    You can do the same with the logo.

    I wouldn't hide the left side bar though because of layout issues. Use the theme option for autohide on scroll in theme options

    Thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Alia Lopez replied
    May 17, 2016 at 11:50pm

    Hi!

    Thanks, it seems its a kind of bug of the slider, the loop only works fine if fade is selected.

    The css works fine, thanks, the sidebars are causing some trouble in responsive, they move forward everything and hide the new menu.

    thanks!

  •  1,801
    Support replied
    May 19, 2016 at 9:04pm

    Well you can hide theme entirely with css

    header{

    display: none;

    }

    .sidebar {

    display: none;

    }

    you may need to also modifying the padding for hero section and inner content container.

    Thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Alia Lopez replied
    May 20, 2016 at 2:40am

    Hi!

    ok, got it, thank you very much!

    cheers!