Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1131085

    My dear valued Krisei-Team,

    I tried to figure out myself with the various documentation / tickets, but did not work out I might have overlooked something,

    I ‘ve tried to implement this https://kriesi.at/documentation/enfold/tab-sections/# (Purchase code hidden if logged out) -on-the-tab-section to the full width menu, but testing various scenarios I failed.

    Also https://kriesi.at/support/topic/ (Purchase code hidden if logged out) / does not work. For testing purpose I kept the color red, to see if it works, but also not.

    Thanks a lot for your support.
    Have goods days / evening.
    Yours sincerely,
    Sirpa

    #1131812

    Hey Sirpa,

    Thank you for using Enfold.

    We would like to check the pages, but the login credentials above are invalid. Please check the info or provide another account.

    Best regards,
    Ismael

    #1131881

    Hi Ismael,

    thanks a lot for your reply. I loooooove suing Enfold:-)
    Hm, maybe you just did not check the box ” Ja, ich akzeptiere euren DATENSCHUTZ” ;-) Anyway I’ll send them again.

    Here you are and thanks again!
    lovely greetings,
    Sirpa

    #1132774
    #1133038

    Dear Isamel,

    the full width sub-menu with ordinary sections is working.

    I’m talking about the TAB-SECTION and the single TABS. See here, site is live now: https://rundumyoga.com/yogastile/ none of the suggestions i found in the documentation /forum did work out?

    e.g.

    #tab-hatha

    etc.

    Please advise,

    Thanks a lot on advance.
    Kind regards
    Sirpa

    #1133175

    Hi,

    Thank you for the update.

    We added this script in the functions.php file.

    function activateMenuItem(){
    ?>
    <script>
         jQuery(document).scroll(function() {      
         var sections = jQuery('.avia-section, .av-tab-section-container'),
             menu   = jQuery('.av-submenu-container'),
             nav_height = menu.outerHeight();
             jQuery(window).on('scroll', function() {
                var cur_pos = jQuery(this).scrollTop();
                sections.each(function() {
                    var top = jQuery(this).offset().top - 200,
                        bottom = top + jQuery(this).outerHeight();
    	
                    if (cur_pos >= top && cur_pos <= bottom) {
                        menu.find('li').removeClass('active-menu-item');                    
                        menu.find('a[href="#' + jQuery(this).attr('id') + '"]').parent('li').addClass('active-menu-item');
                    }
                });
            });
        });
     
    </script>
    <?php
    }
    add_action('wp_head', 'activateMenuItem');
    

    And this code in the style.css file.

    /*—————————————-
    // CSS – Fullwidth Submenu highlight active menu
    //————————————–*/
    
    /* Active menu styles */
    #top .av-submenu-container .active-menu-item,
    #top .av-submenu-container .active-menu-item a {
        background: blue !important;
        color: red !important;
    }
    
    #top .av-submenu-container .av-subnav-menu > li > a {
        border-left-style: none !important;
        border-left-width: 0px !important;
    }
    

    The active menu item should be highlighted when you scroll to its designated section.

    Best regards,
    Ismael

    #1133202

    Dear Ismael,

    thanks a lot for your work.

    Unfortunate the tab-sections are still not working .
    No matter if I use e.g. #tab-hatha or only #hatha don#t know what am I doing wrong or what the issue is?

    Also the highlight of the active sub-menu (you can check here : https://rundumyoga.com/locations/#unterbilk

    And this might be a stupid question but want to be sure:
    Can I simply put my quick css entries to the Enfold Child: Stylesheet (style.css), then I can also “clean” it up. Made some kind of mess in this small quick css window.

    Thanks lot once again.
    Have a lovely day.

    Yours sincerely,
    Sirpa

    • This reply was modified 1 week, 5 days ago by  Sirpa.
    #1133668

    Hi,

    It works fine on our end. Please remove the browser cache. (see private field)

    We notice that a lot of the anchor links in the sub menu don’t have their corresponding color section or grid in the page. The anchors don’t work because there is no section with that anchor to go to. Is that intentional?

    Best regards,
    Ismael

    #1134114

    Hi Ismael,

    first of all congratulations to you and the entire team for the 6th birthday with enfold:-) just saw it this morning on Facebook. And awesome work with the update!!!!

    The Tab Section has the class ID open-classes but I wanted to add the single Tabs in the sub-menu.g. Hatha/ Yin / Men only etc.but not “open-classes” = not the color section.

    Vinyasa is different as I wanted to link only to the overall naming “Vinyasa-all-levels” thus its colors section not to the single tabs in the tab-section.

    Sorry if I’m not able to explain properly, but several instructions how to Link TAB SECTION SINGLE TABS to the submenu failed for me.

    Thanks cone again for your help.
    Wishing you a good day ahead
    Sirpa

    #1134989

    Hi,

    Thanks Sirpa. Hoping for more birthdays to come. And thanks for the clarification. We added the following script to open the appropriate tab sections whenever the corresponding sub menu item is clicked.

    function ava_scroll_to_tab_section() {
    ?>
    <script type="text/javascript">
    (function($) {
    	function scrollToTab(s, e,) {
    		$(s).on(e, function(event) {
    			var anchor, loc, cur, hash, tab, parent, pos;
    
    			if( e == 'load' ) {
    				loc  = window.location.hash;
    				hash = loc;
    			} else {
    				loc = $(this).attr('href');
    				hash = loc.substring(loc.indexOf('#'));
    			}
    	
    			tab = $('.av-section-tab-title[href="'+ hash +'"]');
    			parent = tab.parents('. (Purchase code hidden if logged out) ');
    			pos = parent.offset();
    
    			tab.trigger('click');
    			
    			if(hash) {
    				setTimeout( function() { 
    					$(window).scrollTop( pos.top - 150 )
    				}, 100 );
    			}
    		});
    	}
    
    	$(document).ready(function() {
    		scrollToTab( '#top .av-subnav-menu > li a', 'click' );
    		scrollToTab( window, 'load' );	
    	});
    })(jQuery);
    </script>
    <?php
    }
    
    add_action( 'wp_footer', 'ava_scroll_to_tab_section' );

    Best regards,
    Ismael

    #1137229

    Dear Ismael,

    please apologize for getting back so late.
    I’m pretty sure Enfold so also you and your team will have many more birthdays to celebrate with such a well coded theme!.

    Thanks a lot for your coding. Great!!!

    Not sure if it is due to the coding or the theme update run, but the separators in ht sub-menu are now gone. I had the same setting as in the main menu.
    Any clue?

    Thanks once again.
    Have a lovely day / evening.
    Yours sincerely,

    #1137788

    Hi Sirpa,

    Welcome back!

    Did you add this css code in the style.css file?

    #top .av-submenu-container .av-subnav-menu > li > a {
        border-left-style: none !important;
        border-left-width: 0px !important;
    }
    

    That css removes the left border of the sub menu items

    Best regards,
    Ismael

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

You must be logged in to reply to this topic.