Значки значков меню различны

Question

Я использую в меню значок поиска для показа в Wordpress поиск в Google панели. Тема Wordpress использует простой js-файл. Это все о веб-сайте и меню. Но для информационного бюллетеня я получаю подписку на подписку плагина.

Если вы видите меню иконки позиции visit website here

Моей проблема: я хочу, чтобы заблокировать в строке меню значка поиске и рассылка значке та же позиция. Теперь, если вы нажмете значок поиска, вы увидите изменение в рассылке.

Это мой JS файл:

jQuery(document).ready(function($) { 

    //Javascript Detection 
    $('body').removeClass('no-js');  
    //Read More Link 
    function readmorelink() { 
     $('a.more-link').closest('p').css('text-align', 'center'); 
    } 
    readmorelink(); 

    //Flexslider 
    function flexslider() { 
     $('.flexslider').flexslider({ 
      animation: "fade", 
      slideshow: false, 
     }); 

     $(".flex-next").html('<i class="icon-chevron-right"></i>'); 
     $(".flex-prev").html('<i class="icon-chevron-left"></i>'); 
    } 
    flexslider(); 
     //Fitvid 
    function fitvids() { 
     $(".featured-preview").fitVids(); 
    } 
    fitvids(); 

    //Comments Toggle 
    $(".comments-wrapper").hide(); 
    $("#comments-title").attr('class', 'comments-close'); 

    $("#comments-title").toggle(function() { 
     $(".comments-wrapper").slideDown(); 
     $(this).attr('class', 'comments-open'); 
     $('html, body').animate({ 
      scrollTop: $("#comments-title").offset().top 
     }, 0); 
     return false; 
    }, function(){ 
     $(".comments-wrapper").slideUp(); 
     $(this).attr('class', 'comments-close'); 
     return false; 
    }) 

    //Infinite Scroll 
    if ((custom_js_vars.infinite_scroll) == 'no') { 

    } else { 
     $('.posts').infinitescroll({ 
       loading: { 
        msgText: "...Loading Posts...", 
        finishedMsg: "- End of Posts -" 
       }, 
       nextSelector: '.post-nav-next a', 
       navSelector: '.post-nav', 
       itemSelector: 'article', 
       contentSelector: '.posts', 
       appendCallback: true 
     },function() { 
      fitvids(); 
      readmorelink(); 
      flexslider(); 
     });  
    } 



    $(".icon-medium.icon-search").click(function() { 
     $(".nksub-tab-icon").toggleClass("newClass"); 
    }); 

    $(".icon-medium.icon-search").click(function() { 
     $(".nksub-tab-icon").delay(1000).queue(function(next){ 
      $(this).toggleClass("newClass"); 
      next(); 
     }); 
    }); 

    //Cabinet Toggle 
    $('#cabinet-toggle, #cabinet-toggle-mobile').click(function() {    
     $("#cabinet-slider").slideToggle(0); 
     $(".icon-plus-sign").attr('class', 'icon-minus-sign'); 
     return false; 
    }, function() { 
     $("#cabinet-slider").slideToggle(0); 

     $(".icon-minus-sign").attr('class', 'icon-plus-sign'); 
     return false; 
    });  
    //Responsive Menu 
    $('.nav').mobileMenu(); 

    $('select.select-menu').each(function(){ 
     var title = $(this).attr('title'); 
     if($('option:selected', this).val() != '' ) title = $('option:selected',this).text(); 
     $(this) 
      .css({'z-index':10,'-khtml-appearance':'none'}) 
      .after('<span class="select"></span>') 
    }); 
}); 

Answer 1

В вашем CSS, у вас есть это:

body:not([class*=nksub_mobile]) .nks_cc_trigger_tabs.nksub_tab { 
    top: 327px !important; 
    } 

Это позволит сделать значок появится 327 пикселей от верхней части экрана всегда. Таким образом, когда вы нажимаете на значок поиска, поле поиска отображается сверху, а 327px недостаточно, чтобы значок рассылки электронной почты на том же уровне был знаком поиска.

Обход: в ваш:

$(".icon-medium.icon-search").click(function() { 
    $(".nksub-tab-icon").toggleClass("newClass"); 
    }); 

В приведенной выше функции, добавить CSS класс в селекторе рассылку, чтобы отрегулировать положение. Что-то около 327px + высота окна поиска, которая появляется сверху.

Надеюсь, это поможет!