@artdesigngmbh On devices under 960px, menu shows under logo as you mentioned and of course this is proper behavior. You have too many items in menu and that's why we did "Responsive menu" instead. So in this case we do not see anything wrong or weird.
@theamados No, it doesn't. It works the same way for all the time and if you don't have this file, means that something must be wrong with your theme or you are looking in wrong place.
I would like to modify css/responsive-1240.css file, but not in parent theme only in child theme. How to properly enqueue responsive-1240.css file into functions.php? thanks for advise!
@gtaranti Yes, your right. Nothing is impossible but when this option will be added, this will destroy thousand of websites. That's why this can not be done.
May I propose simply adding a new file that replicates your "responsive-1240.css" with the smaller breakpoint changes applied; maybe a "breakpoint-768.css" file? Then, much like you have a simple on or off toggle option for the 960 grid, perhaps this new mobile menu breakpoint toggle option would apply @euryasarl's suggestion above. Something like,
wp_dequeue_style( 'mfn-responsive-1240');
wp_enqueue_style( 'mfn-breakpoint-768');
Of course, I imagine this new breakpoint toggle would default to "OFF" in your next update so as not to break the layouts of the thousands of customers who are not expecting a change.
But if this suggestion makes sense, those of use who would like to implement a smaller breakpoint would have the option available and can style it appropriately in from our child theme. We would have the peace-of-mind knowing that we will not miss out on future theme updates that might be applied to your responsive-1240.css file; which you'll now also maintain for breakpoint-768.css file as well.
Thank you to @euryasarl and @craighobson - We were able to do this in our child theme's functions.php to change the min/max width of when the mobile menu toggle appears!
@paulodetarso The only solution to change responsive menu toggle is this topic. If you did everything as we explained above, and this does not meet with your needs, then unfortunately we do not have any other recommendation.
Please. I bought this theme for a rush job but I see during assembly and responsive in the smartphone does not work and the layout is completely different. The tablet is Ok . What can I do?
@slc64 What help you exactly need? Because if you want to change toggle value for responsive menu items, everything was explained in this topic and we do not understand what else you need.
Hello everybody. Thank you for the ideas how to change the responsive behaviour of the menu. 1. duplicate the 1240-css to child-theme 2. Change the breakpoints in the copied 1240-css 3. wp_enqueue and wp_dequeue Works! Super!
But, somehow, the original 1240-css from the parent-style is still being loaded... wp_dequeue_style( 'mfn-responsive-1240'); doesn't really stop the loading of the file... Does anyone have a better idea than renaming the original CSS-file? Thanx! SteBo
This makes this theme unusable to me. I paid money to not have to code. Why this is an issue is beyond me. I hope it is resolved quickly so I can use this theme in the future.
The solution is for the theme authors to modify the script and css they are already using and a little bit of php. Not too much work really.
1) Register new option in theme options - call it something like "mobile menu breakpoint override" (maybe provide a drop-down w/ suggestions w/ last option being user definable in px)
2) Modify js that assigns mobile classes to now look for the json of the new option we defined. If default, we use existing 1240css, otherwise we load custom php css that defines media queries using new db option and also alter the portion of the js script that assigns the breakpoint class toggles, again if json value = this, toggle classes at x px instead
@pingram3541 Do you know that your solution will break the layout for all current sites built with BeTheme? You did not mentioned about that so you probably don't know. We know very well that this can be done but what with over 15000 websites built with Be? Can you imagine thousand of complaints?
I too vote for a better solution as the "hamburger" menu has been proven to be bad for ux. Though I don't think a single toggle value would work for everyone.
I would love to be able to enter the exact screen width at which to switch to minimize the menu, just as you've done for the grid size in your recent updates.
Or another idea might be to make it easy to create separate custom menus and opt to display the appropriate menu at the various screen values.
Thanks for all the support you provide for this great theme!
sbxstrategiesmuffingroup this is a bug that you must fix, I saw this problem in a couple of monitors and I don't know how to code, that is the reason for me to buy a theme already made. I bought many many other responsive themes and non of them have this problem. The menu must change only on tablets and cell phones, not 1000 px monitors. I don't know what to say to my client, I will have to give him his money back, all for this issue.
Comments
@theamados No, it doesn't. It works the same way for all the time and if you don't have this file, means that something must be wrong with your theme or you are looking in wrong place.
enqueue
responsive-1240.css file into functions.php? thanks for advise!Thanks for understanding!
In your functions.php :
wp_dequeue_style( 'mfn-responsive-1240');
wp_enqueue_style( 'mfn-responsive-1240-child', get_stylesheet_directory_uri() .'/responsive-1240.css');
wp_dequeue_style( 'mfn-responsive-1240');
wp_enqueue_style( 'mfn-breakpoint-768');
I bought this theme for a rush job but I see during assembly and responsive in the smartphone does not work and the layout is completely different. The tablet is Ok .
What can I do?
1. duplicate the 1240-css to child-theme
2. Change the breakpoints in the copied 1240-css
3. wp_enqueue and wp_dequeue
Works! Super!
But, somehow, the original 1240-css from the parent-style is still being loaded...
wp_dequeue_style( 'mfn-responsive-1240'); doesn't really stop the loading of the file...
Does anyone have a better idea than renaming the original CSS-file?
Thanx!
SteBo