Invision Community 4: SEO, prepare for v5 and dormant account notifications By Matt Monday at 02:04 PM
JacobPrince Posted March 1, 2018 Posted March 1, 2018 Hi! My mobile site collapses the menu. I want these menu links to be visible to the user and not on a drop-down. Is there any way I can do this? What about having a custom block for a mobile home page with links? Or maybe put links on mobile with something like this: <html> <head> <style> @media (min-width: 600px) { a { display: none; } } </style> <body> <a href="https://google.com">This Is My Navigation Link</a> </body> </html> Please help!
opentype Posted March 1, 2018 Posted March 1, 2018 I have a little solution for up to two important links:
Joel R Posted March 2, 2018 Posted March 2, 2018 Yeah check out the mod by @opentype. It works well with the existing menu while giving you two extra buttons. There's not a lot of horizontal space to squeeze buttons.
JacobPrince Posted March 8, 2018 Author Posted March 8, 2018 I went with my code-snippet as it is crucial that my links are text. I am still open to suggestions though, my solution looks rather ugly. I have another problem with my navigation, but on desktop mode. When my custom home page first loads the navigation drop-down appears but with no links visible. The links become visible when I hover them with the cursor, but disappear after I move away.
Meddysong Posted March 9, 2018 Posted March 9, 2018 That's expected behaviour, unfortunately. As you've observed, the links become visible when you hover on the parent but otherwise aren't there. The other way in which they become visible is if one of their siblings is active. One thing you could consider (though I don't know if it will work) is to create another Home item, this time as a child. Theoretically, when the page loads, the child is active and so the siblings should be visible. The Pages app doesn't necessarily behave as the other apps do in this regard, though.
steve00 Posted March 9, 2018 Posted March 9, 2018 For mobile have you tried adding padding to .mobilenav e.g. .mobilenav { padding: 5px; } There is like a lot you can do but depends what you and your members like
Recommended Posts
Archived
This topic is now archived and is closed to further replies.