Help Setting Mobile Breakpoint
Hi,
We're having a problem that I hope you can help with setting the screen width where the desktop nav changes to the mobile hamburger.
Visiting Betheme => Theme Options => Responsive => Header => Menu => Menu Breakpoint isn't working. Setting Menu Breakpoint to 1240px to display the hamburger isn't working. The breakpoint is still at 767px, it needs to be at 1240px.
Betheme 26.6.1, header - transparent
Thank you for your help,
Terry
Comments
Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
Thanks for your reply.
Sorry, thought this might be a Betheme Theme Options setting (vs writing CSS/JS).
The site is https://1411-luxury-real-estate.websitepro.hosting/.
Thanks for your help!
Sorry, but the website you have sent is not using Betheme.
Are you sure that you attach the correct link?
Best regards
Sorry, wrong link. Here it is:
Thank you,
Terry
You are using the Header Builder on that website, and the Theme Options do not have an effect on it.
You need to set the breakpoints in the Header template.
https://support.muffingroup.com/video-tutorials/header-builder-2-0/
Best regards
Thank you for your help.
The site uses Header Builder 2.0 and is configured with:
The result is header as expected on mobile & tablet (up to 959px) transitioning to desktop at 960px. With the Menu Breakpoint set to 1240px, was expecting that tablet nav transition at 1239/1240 vs the desktop.
Other than writing CSS, is there a way to achieve that mobile/tablet transition at 1239/1240 using the Header Builder 2.0?. The desktop nav is too long for below 1240px.
This wasn't addressed in the video shared which is why I'm asking.
Thank you!
Terry
There is a Show/Hide under option, so you can hide the main menu at 1240px and show the burger menu at 1240px.
Best regards
Thank you for your help!
There may be an error with our use-case.
For the menu. When selecting "Hide Under" and setting the value to 1240 (larger than tablet) the hamburger isn't displayed. I'll take care of it with css.
It may be due to our tablet nav, which has the 'Responsive Visibility' for tablet disabled, while desktop and mobile are enabled.
Thanks again for your help!
So everything is fine now?
Is there anything else I can help you with?
Best regards
No, that configuration didn't work for changing the display of hamburger between tablet and desktop. The desktop navigation disappears but the hamburger isn't displayed.
But with a little CSS it will be solved.
Thanks for your help!
Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please make sure that the data you are sending are complete and correct.
Thanks
The login credentials you sent are for your main domain, which does not use Betheme.
Should I switch to Betheme? Please create a user with the same credentials on your staging domain if not.
Thanks
Must be Monday, sorry for the delay.
Added login to Betheme site at https://1411-luxury-real-estate.websitepro-staging.com/
Thank you!
I have set it up for your header, and everything works correctly. Please, check that.
Best regards
Thanks for your help.
We now understand that to change the mobile breakpoint, css is required.
Thank you for your help,
Terry