hello,
i have a Joomla theme (Brandon from Youjoomla) which have a intern mobile navigation.
I can disable this mobile nav....but then i have no navigation on mobile screen.
How can i activate the JUX CSS3 Mega Menu?
In the backend i have tested various things but nothing helps.
Hi Aurednik76,
Thanks for contacting us and choosing our product!
Your problem. conflict with the template. I wrote css to fix it. please check back.
I add css config Custom CSS (CSS3 Mega JUX Menu-> tab Advanced-> Custom CSS config)
@media screen and (max-width: 1500px){
#topmenu_holder.dropped{
width:100%!important;
}
.top_menu, .top_menu_poz{
visibility: inherit!important;
overflow: inherit!important;
}
#jux_megamenucss3 .jux-fa.jux-fa-bars{
color: #000;
}
}
Hi,
I've checked your problem. present on your site using bootstrap2.
It was born out error cause. You can delete files bootstrap2 -> bootstrap3.
Note: You only need to delete files bootstrap.min.js everything will work because I've loaded bootstrap3 in our module.
URL: plugins / system / yjsg / assets / bootstrap2 / js / bootstrap.min.js
your the best!
so i hope my last question, which param must i edit to get the whole mobile nav line as a link (not only the dropdown button on the right)...because on a mobile phone the open button is to fiddly.
see the screenshot!
yes it works but its tricky to get the dropdowns because the arrow on the right side is to small, so i want to get the whole menu button clickable to get the dropdown...as in the screenshot described. (not only the arrow button on the right).
Hi,
I think that your idea is not very reasonable. If I do as you say when clicking on the menu item (Link of the menu will not appear).
If you still want to change the file please dropdown.css line 73
add css
#jux_megamenucss3 .megamenu .arrow-icon {
width: 100%! important;
}
thanks.
i changed it but it not works.
(only, as before, the arrow icon is clickable)
i think this is not practicable via .css but maybe in a php file...my idea was to modify/change simply the with? of the div container which contains the whole text-link and the arrow button....