Hi, my inline navigation appears normal when designing the header for mobile but when I view it on my phone it is cut off on the right. Attached is a picture of the menu being cut off. Why is this looking different than how it looks in the header builder and how can I fix it? Thanks.
Hello There,
Thanks for writing in! The screen size of the actual mobile device you are testing is way smaller that what is in the preview. Please edit your header and enable the scroll content option in the bar settings. This will enables you to scroll sideways and display the rest of the menu items.
In most designs, the inline menu navigation is hidden in smaller devices. It is only visible in large screens. In smaller screens, a navigation collapse will be displayed and it is hidden in larger screens.
I would recommend that you add three elements in your header. The logo image, the navigation inline and the navigation collapsed. You can hide/show the element by clicking the “Customize” tab and select “Hide During Breakpoints” options.
Hope this helps.
Perfect, thanks so much!
You’re most welcome!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.