Home Forums Porto – Responsive HTML5 Template Smoothly open sub menu

  • This topic has 4 replies, 2 voices, and was last updated 3 weeks ago by Support2. This post has been viewed 106 times
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10031960
    leonardo_f
    Participant

    Animation does not work when opening a sub menu in the mobile version. I would like it to open more smoothly.

    <div class="header-nav-main header-nav-main-square header-nav-main-dropdown-arrow header-nav-main-dropdown-center header-nav-main-dropdown-center-bottom header-nav-main-effect-3 header-nav-main-sub-effect-1">
    <nav class="collapse">



    Template Version: 7.6
    #10031963
    Support2
    Keymaster

    Hello,

    Unfortunately this is not possible.

    Porto don’t comes with a behavior like you mentioned for mobile sub menus and we don’t have any workaround/custom code that can do this.

    Let us know if you have more questions.

    Kind Regards,

    Rodrigo.


    #10031967
    leonardo_f
    Participant

    Thanks((


    #10031968
    leonardo_f
    Participant

    One more question. How to make progress bar work inside modal ajax window. I understand that somehow you need to call a script that is responsible for the progress bar


    #10031972
    Support2
    Keymaster

    Hello,

    Yes you need initialize progressbars within light box callback.

    Using as example the “AJAX” example in elements-lightboxes.html:

    1) First this is the HTML you need in elements-lightboxes-ajax.html:
    https://pastebin.com/raw/CpXumSkq

    2) Change the “AJAX” code in js/examples/examples.lightboxes.js to this new:

    /*
    Ajax
    */
    $('.simple-ajax-popup').magnificPopup({
    	type: 'ajax',
    	callbacks: {
    		open: function() {
    			$('html').addClass('lightbox-opened');
    
    			setTimeout(function(){
    				if ($.isFunction($.fn['themePluginProgressBar'])) {
    
    					$(function() {
    						$('[data-plugin-progress-bar]:not(.manual), [data-appear-progress-animation]').each(function() {
    							var $this = $(this),
    								opts;
    
    							var pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
    							if (pluginOptions)
    								opts = pluginOptions;
    
    							$this.themePluginProgressBar(opts);
    						});
    					});
    
    				}
    			}, 800);
    
    		},
    		close: function() {
    			$('html').removeClass('lightbox-opened');
    		}
    	}
    });

    * Note the open callback.

    Please try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


Viewing 5 posts - 1 through 5 (of 5 total)