Hi. I have just setup my site (zilchtradingvietnam.com) with X. Works great. I have an issue though: when opening on mobile device the top menu looks really awful. I would just the icon to show up, and skip text when opening or (even better) an automatic resizing to the right screen format (actually making fonts etc smaller). Next to that heading 1 doesn’t resize properly either and sub-menus are falling off-screen on mobile phone How can this be fixed?
Thanks, Mark
Hey Mark,
Thanks for writing in! I can suggest that you create another bar container. This second bar will be layout just for smaller screen. You can insert elements like how you wanted it to display on a smaller screen. You can then use the visibility option to hide the bars on particular breakpoints. The first bar would only show for larger or desktops and the 2nd one will be for smaller screens. You can find the visibility option for the bar in the customize section.
Hope this helps.
Hi, thanks for your reply. I will be trying this out today and will let you know the outcome:smiley:
best regards, Mark
Hi, first part worked ok. A smaller menu is visible on phone and Ipad. But… Some menu items are visible, others not. I guess they are too long to fully display. Adding overflow didnt help. I would like to see the menu item text, even though it is cut off at the sides. Thanx for your help!
Best regards Mark
Hi There,
Please add the following CSS
.hm10.x-text {
max-width: 80% !important;
}
Hope it helps
Okay, thanks, i’ll keep you updated!
Cheesr, Mark
Nope, unfortunately not. If you go to zilchtradingvietnam.com on a laptop or desktop and go to ‘What’ you see a number of breweries and beers. Click to open all. When you do the same on an Ipad or mobile phone only some of the beers are visible in the dropdown menu…
Hi there,
We will have improvements regarding the mobile menu in next round release of Pro, but for now please kindly use the Navigation Collapsed Element:
Please kindly stay tuned for upcoming releases to have a better view regarding many items available in the mobile menu.
Thank you.
Ah, the usual stuff, Wait till the next release. Guess we’ll have nothing else to do then. In the meantime: how non-development of a specific mobile menu cannot be included in a product these days and times is really beyond comprehension. Next to that: the suggested navigation collapsed element (just as a modified navigation inline element) does not work correctly since the ‘Hide during breakpoints’ functionality only works for 1200px and up or 480px or less. This means tablets or phablets are left with two menus floating around. Btw, automatic scaling of fonts and menus related to screensize is also a must-have for the next release. Even free WP themes out there are able to do so.
Thank you for your feedback. I’ll forward this to our development team.
Regarding font scaling, you can set that in Pro > Launch > Theme Options > Typography.
Thanks.
Thanks, with typography scaling my content already looks way better on the phone!
You’re welcome! 
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.