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. Cricync بر بهمن ۳, ۱۴۰۱ در ۱۱:۰۵ ق٫ظ

    A novel system, TearCare, for the treatment of the signs and symptoms of dry eye disease viagra effect time ۴ Consult Services Section, National Eye Institute, Bethesda, MD 20892, USA

  11. Eğitim بر بهمن ۳, ۱۴۰۱ در ۱۱:۳۵ ب٫ظ

    Eğitim hakkında detaylı bilgi, en son ve güncel öğretmen haberlerine ulaşmak için hemen websitemizi ziyaret edin.

  30. Google بر بهمن ۴, ۱۴۰۱ در ۹:۴۷ ق٫ظ

    If anyone deserves thanks to you, it’s you.

  32. badcabs بر بهمن ۴, ۱۴۰۱ در ۱۰:۲۱ ق٫ظ

    In addition, it has been shown that exposure of cultured breast cancer cells to aromatase inhibitors for extended periods leads to the development of sublines of cells that are hypersensitive to the mitogenic actions of estrogens 45 cialis prescription fluconazole will increase the level or effect of fesoterodine by affecting hepatic intestinal enzyme CYP3A4 metabolism

  33. Cricync بر بهمن ۴, ۱۴۰۱ در ۱۲:۰۸ ب٫ظ

    can you drink on azithromycin the bone dragon howled, Fengyue and Physician stood on the top of the peak, calmly watching the huge cloud vortex in the sky

  34. gestescof بر بهمن ۴, ۱۴۰۱ در ۴:۲۳ ب٫ظ

    buy generic cialis ۷ should not be used for reimbursement purposes as there are multiple codes below it that contain a greater level of detail

  36. Memur Sitesi بر بهمن ۴, ۱۴۰۱ در ۹:۲۷ ب٫ظ

    Memur Sitesi hakkında detaylı bilgi, en güncel ve güvenilir memur haberleri için hemen websitemizi ziyaret edin.

  45. Cricync بر بهمن ۵, ۱۴۰۱ در ۱۲:۵۲ ب٫ظ

    Second, the observed changes in study end points were, in general, equivalent between the 2 exercise therapy dosing regimens buy cialis 20mg

  50. loryRetty بر بهمن ۵, ۱۴۰۱ در ۷:۱۱ ب٫ظ

    buy zithromax canada online Controlled blood sugars If you have diabetes that s related to your CF, it should be well managed

  53. parayla tez yazdırmak بر بهمن ۵, ۱۴۰۱ در ۱۱:۲۵ ب٫ظ

    parayla tez yazdırmak hakkında detaylı bilgi, alanında uzman ve profesyonel kadrosuyla tez hazırlama hizmeti veren firmamıza ulaşmak için hemen websitemizi ziyaret edin.

  66. Mupepreof بر بهمن ۶, ۱۴۰۱ در ۱۱:۴۲ ق٫ظ

    aureus MRSA lineages among PWID 12, 13, 14 clomid for bodybuilding ۵ A, D; approximately two to three per coronal section

  80. mkanbaz بر بهمن ۷, ۱۴۰۱ در ۰:۳۰ ق٫ظ

    Şanlıurfa Web Tasarım

  85. bilder zum ausmalen بر بهمن ۷, ۱۴۰۱ در ۱۰:۲۳ ق٫ظ

    thank you for great information

  92. Onbahis TV بر بهمن ۷, ۱۴۰۱ در ۵:۲۳ ب٫ظ

    Siz de hemen onbahis tv sitesine üye olarak bedava canlı maç yayını, bedava lig tv izle, bedava beinsports izle özelliklerinden faydalanabilirsiniz.27-01-2023 20:23:17

  94. pedeelm بر بهمن ۷, ۱۴۰۱ در ۱۰:۵۹ ب٫ظ

    cialis price Creator Waldo, Albert L

ارسال نظر شما

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *