Tagged: Lightbox, menu, mobile, side navigation
-
AuthorPosts
-
June 10, 2016 at 2:53 pm #646224
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!
NancyJune 10, 2016 at 4:11 pm #646259Hey 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,
VinayJune 10, 2016 at 5:36 pm #646282that 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-
This reply was modified 9 years, 4 months ago by
Munford.
June 10, 2016 at 10:11 pm #646383Hi,
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 -
This reply was modified 9 years, 4 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
