Tagged: Lightbox, menu, mobile, side navigation
Hi guys
a couple questions:
1.I need to disable the side navigation in the lightbox in my color section #corporate (below link under “corporate” in the menu.
can’t find how to do it – not sure what to target in the css since this didn’t work:
#top .avia-post-nav {
display: none!important;
}
2. Is there a way to hide a fullscreen menu item on mobile only? I know I can change it to a hamburger menu, but may want to hide it.
thanks!
Nancy
Hey Munford,
Thank you for contacting us. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
Disable lightbox arrow navigations
.mfp-arrow {
display: none;
}
Hide mobile menu and show desktop nav in tablets
@media only screen and (max-width: 676px) {
nav.main_menu {display:block !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:none !important; }
}
Hide mobile menu and desktop nav in tablets
@media only screen and (max-width: 676px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:none !important; }
}
Best regards,
Vinay
that first css worked to hide the arrows, thanks, but there is still a 1/9 image counter on the lightbox, which I hid with:
.mfp-counter {
display: none;
}
but clicking on the image still takes you to the next image/video. Is there a way to disable the nav itself?
thanks
Nancy
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
/* Stop clicking on image */
img.mfp-img {
pointer-events: none;
}
/* hide counter */
.mfp-counter {
display:none;
}
Best regards,
Vinay