How can I correct the menu that comes down under the logo when resizing the browser or viewing the site on a tablet?
For the logo I did not use an image but it is a text written with a custom font.
I saw this help article but in my case, since I use a text as a logo, how can I solve the problem?
I provide access to the site in the secure note as a redirect is currently set for those who are not logged in.
Hello Daniele,
Thanks for posting in!
As the screen gets smaller, there isn’t enough space to display your logo and the navigation menus. It is best that you reduced the font sizes for both of the logo text to at least 38 pixels and 14 pixels for the navigation menu. You can do this in X > Theme Options > Header > Logo - Text > Logo Font Size and in X > Theme Options > Header > Links - Text > Navbar Font Size. It will also help if you reduce the spacing between the menu items to at least 10 pixels in X > Theme Options > Header > Links - Alignment > Navbar Top Link Spacing.
For more details about this Header options, kindly check out this documentation:
I understand. So I have to try various text sizes and make sure the menu doesn’t go under the logo.
Is there a way to set various text sizes based on how the device resolution changes?
Hey Daniele,
We have that option globally. You can see how to set it up here https://theme.co/docs/typography#how-to-set-root-font-characteristics
For specific parts of the theme, regretfully, we don’t have that yet so you need to code your own CSS Media Query. This means that you have to know CSS coding and also some knowledge of the usage of a browser’s element inspector to be able to see selectors.
In the future though, more responsive settings will be available. More details on this were posted on our June Status Report here https://theme.co/content/status-report-june-02-2020
Hope that helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
