09125052490 info@diviwp.ir

آموزش اصلاح منوی موبایل در قالب دیوی وردپرس

توسط | فروردین ۱۷, ۱۳۹۸ | آموزش قالب دیوی وردپرس | ۴۸۰ نظرات

اصلاح منوی موبایل در قالب دیوی وردپرس

در این پست قصد داریم به نسخه موبایل قالب دیوی رفته و نحوه نمایش منوی موبایل را بهبود دهیم؛ به صورت پیشفرض در قالب دیوی و در نسخه موبایل آن منو به همراه زیرمنو ها به صورت گسترده نمایش داده می شوند، این مورد برای سایتهایی که منوی آنها از مگا منو و تعداد بالای آیتمهای منو و زیرمنو استفاده می کنند مشکل ساز خواهد شد و بازدید کننده نسخه موبایل را آزرده خاطر خواهد نمود.

برای رفع این مشکل و بهبود نحوه نمایش منو موبایل در قالب وردپرسی دیوی کافیست کد زیر را در آدرس Divi Theme Options > Integrations > Add code to the body قرار داده و نتیجه کار را ملاحظه نمایید؛

لینک به منبع

<style type=”text/css”>
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: ‘ETmodules’; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: ‘\4c’; top: 13px; left: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: ‘\4d’; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important; transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }
</style>
<script type=”text/javascript”>
(function($) {

function setup_collapsible_submenus() {
var $menu = $(‘#mobile_menu’),
top_level_link = ‘#mobile_menu .menu-item-has-children > a’;

$menu.find(‘a’).each(function() {
$(this).off(‘click’);

if ( $(this).is(top_level_link) ) {
$(this).attr(‘href’, ‘#’);
}

if ( ! $(this).siblings(‘.sub-menu’).length ) {
$(this).on(‘click’, function(event) {
$(this).parents(‘.mobile_nav’).trigger(‘click’);
});
} else {
$(this).on(‘click’, function(event) {
event.preventDefault();
$(this).parent().toggleClass(‘visible’);
});
}
});
}

$(window).load(function() {
setTimeout(function() {
setup_collapsible_submenus();
}, ۷۰۰);
});

})(jQuery);
</script>

۴۸۰ نظرات

  1. مجتبی محمدی بر فروردین ۲۱, ۱۴۰۰ در ۱۰:۲۷ ق٫ظ

    با سلام خسته نباشید یه سوال داشتم میخواستم ببینم تو دیوی چطور میشه منوی فهرست سایت رو بندازیم رو هدر سایت میخوام اون بک گراند سفیدش از بین بره

  2. فرهاد بر فروردین ۲۶, ۱۴۰۰ در ۵:۰۹ ق٫ظ

    سلام
    خیلی عالی بود ممنونم

  3. divi بر اردیبهشت ۲۶, ۱۴۰۰ در ۲:۱۲ ب٫ظ

    با سلام
    کافیست در قسمت سفارشی سازی منو، رنگ بکگراند منو را ترانسپارنت کنید (آلفا را صفر قرار دهید و یا از کد رنگ rgba(66,66,66,0) استفاده کنید)

  79. blignee بر شهریور ۲۵, ۱۴۰۱ در ۳:۱۵ ب٫ظ

    ۵ mg kg q12h for the first week and 0. doxycycline and alcohol It has subsequently been updated in 2001 and 2015 with the latter superseding the previous iterations.

  110. Avesque بر شهریور ۲۶, ۱۴۰۱ در ۲:۰۱ ب٫ظ

    In children with suspected AHO, we suggest performing a serum C- reactive protein CRP on initial evaluation conditional recommendation and very low certainty of evidence. doxycycline allergic

  138. Opesper بر شهریور ۲۷, ۱۴۰۱ در ۶:۰۸ ق٫ظ

    By only treating your sick fish, your remaining fish won t be exposed to heavy medications. doxycycline food

  141. Opesper بر شهریور ۲۷, ۱۴۰۱ در ۷:۱۵ ق٫ظ

    Effect of dehydroepiandrosterone sulfate on ophthalmic artery flow velocity waveforms in full- term pregnant women. doxycycline

  344. orjinal biber hapı بر مهر ۱, ۱۴۰۱ در ۱۰:۱۷ ب٫ظ

    orjinal biber hapı ile kısa sürede ideal kilonuza ulaaşabilirsiniz.

ارسال نظر شما

نشانی ایمیل شما منتشر نخواهد شد.