Set when Header changes from Desktop to Mobile Layout.
-
Hi Xtemos,
My site header currently changes from desktop display to mobile display at 1025px wide which in my opinion is too wide. I would like to have the display change to mobile layout at something like 1000px. Your assistance on this matter is greatly appreciated.
Please let me know if I can provide any more information to assist. Thank you
Yeah we have posted on feature requests. Custom break point width to change from desktop to mobile in header builder. I hope they implement it some time in the future.
Hello,
Now it is not possible as all the media quires are in style.css and they cannot be edited in the admin panel.
We shall consider this option for future releases.
Best Regards
Thank you for your speedy response.
Just to clarify, is there no custom CSS that can be applied to set the breakpoint?
A previous post in the forum appears to ask the same question and is solved with custom CSS:
https://xtemos.com/forums/topic/break-point-for-mobile/#post-64284
Regards
This code can work for our legacy header functionality. It can’t be applied for our header builder.
Still no update on this? I really need to set a custom breakpoint for the mobile menu.
Hi,
Unfortunately, it is not possible to change breakpoints yet. There is a lot of CSS code inside these media queries. It means that if you want to control these values, we will have to move all this CSS code outside the style.css
file to the HTML source of your website. And it will slow your website down and you will get lower points on pagespeed tools.
Regards