I can't see the Tab display on some Middle and Large devices. No more. (Only few)

Hi,

MacOs, Chrome. I can’t see the MENU display on medium and large devices. When I open my app’s web page, I only see a few tabs, and the ‘More’ icons for additional tabs are missing. I previously reported this issue, but it persists. I’ve tried various settings; the left alignment works, but the top alignment does not, and it only functions on small devices

I can reproduce when I have a lot of screen in the navigation menu.
I fixed this by making this CSS:

#nav-root > div > div {
padding-left:10px;
padding-right:10px;
max-width: unset;
height:85px;
justify-content: center;
}


#nav-root > div {
 display:block;
width:100%;
}

#nav-root > div > div > div > header {
 grid-template-columns: max-content max-content 1fr !important;
}

#nav-root > div > div > div > header > div > span{
text-wrap:pretty;
}

#nav-bar-button-region button {
width:48px;
height:48px;
}

I can’t make, Not have CSS option free user. Can you escalate this Issue. Thanks

Not sure that this is a “BUG”, but I agree that this is an aesthetic issue.
@comm_support_agent Can this be verified please? Display layout issue.

Thank you :slight_smile:

Hi @_Romieux ,

What specific device (and screen size) are you experiencing this behavior with?

Hi,
I Use IMAC 27, with Chrome
Setting, set TOP for all configurations
Glide App small devices are OK working in Creation Mode
Glide App medium devices (I can’t see MORE)
Glide App large devices full screen (I can’t See MORE)
Chrome Web Page at full screen (I Can’t see MORE)
Not tested in Medium devices as web page, no device at this moment

Regards

Thank you for this information. I want to clarify — is this behavior only happening in the Builder, or do you have a specific device (or devices) that are experiencing this in the published app? If you could provide examples of these specific devices, we can do some testing to verify the behavior.

Hi have this problem in public web page connected as private invited using chrome (On macOs).

Can you please specify the device this is occurring with?

MacOS iMac 27 Computer with Chrome

1 Like

Thank you for this information @_Romieux . If possible, can you please provide a screen recording (we recommend using Loom) to show the behavior you’re experiencing on this device and let us know how this differs from your expectations?

Thank you!

Hi,
This issue, after being fixed by our team, has resurfaced (Santiago). I can’t see the next Tabs.
Helps Us, Regards

That is what Santiago said?

Hi @_Romieux — I’m not sure what this is referring to, but if you have other open tickets with Support, please respond to them individually as it’s difficult to figure out the link from this thread.

Regarding your issue with the “More” menu on large devices, have you been able to create a screen recording that shows this behavior in your published app?

ICON is lost in middle and large screens (chrome web page full opened, and tablets Samsung) No navigation as possible for more that 5 tabs, but I have 15 tabs?
use xlink:href=“/svg/stroke/st-burger.svg#icon-import”
Bug reported